@charset "utf-8";
/* CSS Document */
/* header z-index 2, sidebar z-index 3, main content zindex 1, sidebar width 300px background #0e101c, header height 60px background #FFC300*/

@media only screen and (pointer: coarse) and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
  html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }
}

*{margin:0; padding:0; font-family: 'Poppins', sans-serif;}
::-webkit-scrollbar{height:10px; width:5px; background:rgb(0,0,0,0.01); border-radius: 30px;}
::-webkit-scrollbar-thumb{background:rgb(0,153,255,0.8); border-radius: 30px;}
::-webkit-scrollbar-button:vertical:increment{display:none}
::-webkit-scrollbar-button:vertical:decrement{display:none}

body{background: #fff; overflow-x: hidden}

header{width:100%; height: 120px; background:#fff; position: fixed; top:0; z-index: 3; border-bottom: 2px solid #f5f5f5; box-sizing: border-box}
#top_head{height:30px; width: 100%; background: #f5f5f5; padding: 0px 15%; box-sizing: border-box;}
#top_head ul{list-style-type: none}
#top_head ul li:first-child{float: left}
#top_head ul li{float: right; padding: 0px 20px; box-sizing: border-box; cursor: pointer; line-height: 30px; color:#333; font-size: 14px}
#top_head ul li select{background:transparent; border: 1px solid #f5f5f5; outline: none}

#bottom_head{height: 90px; padding: 0px 15%; box-sizing: border-box; position: relative}
#logo{width:10%; height: 100%; float: left}
#logo img{height: 100%}

#bottom_head_right{width:90%; float: right; height: 100%;}

#signup_pop_up{transition: all 0.3s; position: absolute; z-index: 3; top:150px; right: 15%; opacity: 0; height: 0px; width: 0px; padding: 0px; box-sizing:border-box; border-radius:20px;}
#header_cart_list{display: none}
#signup_open:hover #signup_pop_up{opacity: 1; top:40px; right: 15%; height: auto; width: 400px; border:1px solid rgb(0,0,0,0.1); padding: 20px; background: #fff;}
#signup_open:hover form{height: auto; width: 100%;}
#signup_open:hover h2, #signup_open:hover table, #signup_open:hover #home_cart_checkout, #signup_open:hover #header_cart_list{display: block}

#signup_pop_up form{height: 0; width:0; overflow: hidden}
#signup_pop_up form img{width:150px; height: 150px; border-radius: 30px;}
#signup_pop_up .input{font-size: 12px; width:100%; height: 35px; text-align: left; margin: 15px 0px; position: relative; box-sizing: border-box; border-radius: 30px; background: #ebebeb}
#signup_pop_up .input i{border-top-left-radius: 20px; border-bottom-left-radius: 20px; position: absolute; z-index: 2; left: 0; line-height: 35px; color:#000; width:40px; text-align: center}
#signup_pop_up .input input{font-size: 12px; position: absolute; z-index: 1; border-radius: 30px; width:100%; left:0; padding-left:40px; box-sizing: border-box; background: none; height: 100%; top:0%; border:none; outline: none}
#signup_pop_up button{font-size: 12px; transition: background 0.3s; cursor: pointer; width: 49%; height:35px; border:1px solid #39f; outline: none; background: none; color:#39f; border-radius: 30px; font-weight: 600; text-transform:uppercase; margin-bottom:10px;}
#signup_pop_up button:hover{background: #39f; color:#fff}
#signup_pop_up p{font-size: 12px;}
/*cart pop css start*/
#signup_pop_up h2{font-size: 16px; text-align: left; font-weight:600; border-bottom:1px solid rgb(0,0,0,0.1); padding-bottom: 15px; box-sizing: border-box; display: none}
#signup_pop_up table{width:100%; display: none; max-height: 500px; overflow-y: auto; margin-bottom: 20px}
#signup_pop_up table tr td{border-bottom:1px solid rgb(0,0,0,0.1); padding: 10px 0px; box-sizing: border-box; position: relative; width:100% !important}
#signup_pop_up table tr td img{float: left; width:30% !important; height: 80px !important; object-fit: contain; margin: inherit !important;}
#signup_pop_up table tr td h5{float: right; text-align: left; font-weight: 600; color:#333; font-size: 12px; width:70%; padding-left: 10px; box-sizing: border-box; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
#signup_pop_up table tr td h4{user-select: none; float: right; font-weight: 600; color:#333; text-align: left; width:70%; padding: 10px; box-sizing: border-box; font-size: 12px; line-height: 30px}
.remove_cart_item{position: absolute; right:10px; bottom:20px; color:#f00; cursor: pointer; font-size:14px;}
.header_qty{font-size: 16px; color:#09f; cursor: pointer;}
.header_qty:nth-child(1){margin-right:5px;}
.header_qty:nth-child(2){margin-left:5px;}
#home_cart_checkout{display: none}
/*cart pop css end*/
#menu_open, #menu_close{position: absolute; top:25px; left:22%; font-size: 16px; line-height: 40px; color:#999; text-align: center; cursor: pointer; border:1px solid rgb(0,0,0,0.1); border-radius:30px; box-sizing: border-box; height: 40px; width:40px}
#menu_close{visibility: hidden}
#menu{transition: top 0.3s; height: 500px; /*width: 70%;*/ width:290px; position: absolute; z-index: 2; overflow-y: auto; overflow-x: hidden; top: -620px; left:15%; background:#fff; padding: 10px 20px; border-right:1px solid rgb(0,0,0,0.1); border-bottom:1px solid rgb(0,0,0,0.1); border-left:1px solid rgb(0,0,0,0.1); box-sizing:border-box; border-bottom-left-radius:20px; border-bottom-right-radius:20px}
#menu summary{position: relative; z-index: 2; font-size:14px; transition: background 0.5s; cursor: pointer; width:250px; height: 50px; list-style-type: none; background:#f5f5f5; padding: 0px 10px; box-sizing: border-box; line-height: 50px; border-radius: 30px; margin-bottom: 10px; user-select: none}
#menu summary a{text-decoration: none; color:#2e2e2e; display: block}
#menu summary i{width:25px; text-align: left; margin-left:5px;}
#menu summary:hover{background: rgb(0,153,255,0.3);}
details[open] summary ~ * {animation: sweep .3s ease-in-out;}
#menu details[open] > summary .caret{transform: rotate(90deg); padding-right:3px}
#menu details[open] > summary{background: rgb(0,153,255,0.3);}
.caret{transition: transform 0.3s; float: right; font-size: 16px; margin-top: 0px}
@keyframes sweep {
  0%    {opacity: 0; transform: translateX(-10px)}
  100%  {opacity: 1; transform: translateX(0)}
}
.menu_pop_up{position: absolute; z-index: 1; left: 1%; top:0px; height: 100%; width:100%; padding: 20px 0px 20px 280px; box-sizing: border-box}
.sub_menu{min-height: auto; width:19%; padding-bottom: 20px; box-sizing: border-box; float: left}
.sub_menu h4{margin-bottom: 5px;}
.sub_menu h4 a{text-decoration: none; color:#000}
.sub_menu ul{list-style-type: none;}
.sub_menu ul li{width:100%; margin:10px 0px;}
.sub_menu ul li a{transition: background 0.3s; padding: 5px 15px; border-radius: 30px; box-sizing: border-box; text-decoration: none; color:#000; font-size: 14px; font-weight: 300;}
.sub_menu ul li:hover a{background:rgb(0,153,255,0.3)}

#search_input{width:70%; position: relative; height: 40px; margin-top: 25px; margin-left: 5%; border:1px solid rgb(0,0,0,0.1); border-radius: 30px; box-sizing: border-box; float: left}
#search_input i{width:60px; text-align: center; line-height: 40px; float: left; color:#999;}
#search_input input{background:none; height: 100%; width: 90%; border: none; outline: none}

#global_search{display: none; transition: all 0.3s; position: absolute; z-index: 3; top:40px; left: 0%; width:100%; min-height: 40px; max-height: 700px; padding: 0px 20px 20px 20px; overflow-y: auto; background: #fff; box-sizing:border-box; border-radius:20px; border:1px solid rgb(0,0,0,0.2);}
#global_search h6{margin-top: 20px; font-size: 14px}
#global_search ul{list-style-type:none; width:100% !important; margin:0px !important;}
#global_search ul li{width:48% !important; float:none !important; display:inline-block; text-align:left; height: auto !important; padding:20px 0px; box-sizing: border-box; border-bottom: 1px solid rgb(0,0,0,0.1)}
#global_search ul li:nth-child(2n+2){margin-left:2%}
#global_search ul li a{text-decoration: none; color:#3f5267; display: block}
#global_search ul li a img{width:20%; height: 80px; object-fit: contain; object-position: top; margin-top: 0px; float:left; border:1px solid rgb(0,0,0,0.1); box-sizing: border-box}
#global_search ul li a h5{float: left; width:77%; margin-left: 3%; font-weight: 600}
#global_search ul li a h5:nth-child(2n+1){margin-top:10px; color:#ee5873}

.signup_icon{width: 33%; font-size:20px; margin-top:10px; color:#333}
#bottom_head_right ul{list-style-type: none; float: left; width:23%; margin-left: 2%; text-align: center; margin-top:25px}
#bottom_head_right ul li{width:33.3%; float: left; cursor: pointer; height: 40px;}
#bottom_head_right ul li span{border-radius: 50%; background:#39f; color:#fff; font-size:10px; padding: 5px 10px; box-sizing: border-box}

#wrapper{height:auto; width:100%; padding: 0px 15%; box-sizing: border-box; background:#fff}
#slider{width:100%; height: 400px; box-sizing: border-box;}
#slider img{width:100%; height: 350px; object-fit: cover; border-radius: 20px;}

.slide_contain{width:50%; height: 100%; position: absolute; left: 50%; top: 0%; padding: 80px; box-sizing: border-box}
.deal_title{color:#06f; font-weight: 300; font-size: 24px}
.main_title{color: #333; font-weight: 700; font-size: 40px;}
.slide_price{color:#09f; font-weight: 700; font-size: 30px;  margin-bottom: 20px;}
.slide_shop{padding: 10px 30px; font-weight: 700; box-sizing: border-box; border-radius: 30px; color:#fff; text-decoration: none; background: #09f;}

#home_categories{width:100%; height: auto;}
#home_categories ul{list-style-type: none; margin:10px 0px}
#home_categories ul li{width:18%; margin:15px 1%; height: 160px; background:#fff; float: left; border-radius: 30px; box-shadow: 0px 0px 3px 3px #f5f5f5; position: relative}
#home_categories ul li:hover img{margin-top:-5px;}
#home_categories ul li a{text-decoration: none; color:#333; text-align: center; display: block}
#home_categories ul li img{transition: margin 0.3s; width:100px; height: 100px; text-align: center; line-height: 40px; display: block; margin: 10px auto; object-fit: contain}
#home_categories ul li a h5{text-transform: uppercase; font-weight: 500; position: absolute; bottom: 10px; left:50%; transform: translate(-50%,-50%)}

#home_deals{width:100%; height: auto}
.section_title{font-weight: 600; text-transform:capitalize; color:#333; padding:0px 1%; margin-top:15px; margin-bottom: 10px;}
.section_title select{border:1px solid #ccc; padding:5px 10px; box-sizing: border-box; background:transparent; font-size:18px; outline:none}

#cat_right > .product_box li{width:23.4%; margin: 15px 0.8%; border:1px solid rgb(0,0,0,0.1)}

.product_box{list-style-type: none;}
.product_box li{position: relative; transition: border 0.3s; width:18%; margin: 15px 1%; height: 330px; background: #fff; border:1px solid rgb(0,0,0,0.1); float: left; padding: 20px; box-sizing: border-box}
.product_box li a{text-decoration: none; color:#3f5267}
.product_box li a img{width:100%; height: 200px; object-fit:contain; margin-bottom: 20px; vertical-align: middle}
.product_box li a h5{transition:color 0.3s; font-size: 14px; font-weight:400; color:#333; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.product_box li a h3{transition:color 0.3s; color:#ee5873; margin: 10px 0px; font-weight: 600; font-size: 14px; text-transform: uppercase}
.product_box li > .add_to_cart, .product_box li > .quick_view{visibility: hidden; opacity: 0; position: absolute; top:220px; left:0px; transition: all 0.3s; width:50%; height: 0px; border:none; box-sizing: border-box; background:#eefdec; color:#3f5267; font-weight: 600; font-size:12px; outline: none; cursor: pointer;}
.product_box li button:nth-child(2){left:50%; background:#ADD8E6}
.product_box li:hover > .add_to_cart, .product_box li:hover > .quick_view{visibility: visible; height: 40px; opacity: 1; top:180px;}
.product_box li:hover h5{color:#09f}
.product_box li:hover h3{color:#3f5267}
.box_discount{position: absolute; top:20px; left: 20px; border-radius: 100%; background:#a6c76c; height:40px; width:40px; text-align: center; line-height: 40px; font-weight: 400; font-size: 14px; color:#fff;}
.box_variation{position: absolute; top:-1px; right:-1px; border-bottom-left-radius: 10px; text-align: center; color:#a6c76c; height: 30px; width:30px; line-height: 30px; background: #e1f4e6}
.quick_view_open{position: fixed; top:0; left:0; width:100%; height: 100vh; z-index: 5; background:rgb(0,0,0,0.2); visibility: hidden}
.quick_box{width:80%; height: auto; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); background: #fff; padding:20px; box-sizing:border-box}
.quick_box > #pro_details > #pro_gallery{overflow: hidden}
.quick_box > #pro_details > #pro_gallery > #product_main_img img{width:100%; height: 100%;}
.new_arrival_cat{width:18.5%}

#home_three_banner, #new_arrivals, #home_one_banner, footer{width: 100%; height: auto}
#home_three_banner ul{list-style-type: none}
#home_three_banner ul li{width:31.3%; margin: 10px 1%; height: 200px; float: left; position: relative; overflow: hidden}
#home_three_banner ul li a{display: block; color:#fff}
#home_three_banner ul li a img{width:100%; height: 100%; border-radius: 20px;}
#home_three_banner ul li a div{position: absolute; top:10px; left: 20px; width:50%;}
#home_three_banner ul li a div h2{font-size:16px; line-height: 20px}
#home_three_banner ul li a div h3{font-size: 14px; margin:15px 0px 30px 0px}
#home_three_banner ul li a div label{cursor: pointer; padding: 10px 15px; box-sizing: border-box; border:1px solid #fff; font-size: 12px; font-weight: 700; text-transform: uppercase; border-radius: 30px;}

#home_one_banner{position: relative; clear: both; height: 350px; width:100%;}
#banner_cover{position: absolute; top:0px; left: 0px; width:100%;}
#banner_cover a{text-decoration: none; color:#fff; display: block; text-shadow: 0px 0px 5px #000}
#banner_cover a h2, #banner_cover a h3{text-align:center;}
#banner_cover a h3{margin-bottom: 20px;}
#banner_cover a label{cursor: pointer; border:1px solid #fff; padding: 10px 20px; box-sizing: border-box; border-radius: 20px; font-weight: 600}
#banner_cover a img{width:100%; height: 350px; border-radius: 20px;}
#banner_rgb{position: absolute; top:0; left:0; width:100%; height: 350px; background: rgb(0,0,0,0.2); border-radius: 20px}
#banner_contain{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%)}

#crumb{width:100%; color:#3f5267; margin-bottom: 20px;}
#crumb a{text-decoration: none; color:#3f5267; font-size:12px; font-weight: 600;}
#crumb a i{margin-right:5px;}
#crumb span{margin:0px 10px;}

#cat_left,#cat_right{box-sizing: border-box; height: auto;}
#cat_left{float: left; width: 20%; border-top-left-radius: 20px; border-bottom-left-radius: 20px; padding:20px}
#cat_left ul{list-style-type: none;}
#cat_left ul li{width:100%;}
#cat_left ul li details{border-bottom: 1px solid rgb(0,0,0,0.07); box-sizing: border-box}
#cat_left ul li summary{position: relative; list-style: none; padding:10px 0px; box-sizing: border-box; font-size: 14px; font-weight: 500; cursor: pointer}
#cat_left ul li summary i{transition: transform 0.3s; text-align: right; position: absolute; right:0px; margin-top:3px}
#cat_left ul li details[open] > summary i{transform: rotate(180deg);}
#cat_left ul li ul{margin-bottom: 10px}
#cat_left ul li ul li{font-size: 12px; padding: 5px 0px; box-sizing: border-box}
#cat_left ul li ul li label{outline: none; margin-left: 5px; cursor: pointer; user-select: none}
#cat_right{float: left; width: 80%; padding: 0px 10px 10px 10px; border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
#cat_right ul li{margin-top: 0px !important}

#pro_details{width:100%; height: auto; padding:20px; box-sizing: border-box; background:#fff; border-radius: 20px; border:2px solid #f5f5f5;}
#pro_gallery{width:45%; float:left; position: relative; height: 520px; box-sizing: border-box;}
#pro_gallery h2{display: none}
#product_thumb_img{width:40px; position: absolute; left:0px; top:0px; height: 100%;}
#product_thumb_img img{height:40px; width:100%; padding: 5px; border:1px solid rgb(0,0,0,0.1); margin:5px 0px; box-sizing: border-box; object-fit: contain; cursor: pointer}
#product_thumb_img img:first-child, #product_thumb_img img:last-child{margin: 0px 0px}
#product_main_img{width:100%; height: 100%; cursor: pointer; box-sizing: border-box; padding-left: 50px}
#product_main_img img{width:100%; box-sizing: border-box; height: auto; object-fit: contain; object-position: center center}

#magnifier{position: absolute; top:0; left:100%; width:100%; height: 100%; overflow: hidden; z-index: 3; display: none}
#product_main_img:hover > #magnifier{background:#fff; border:1px solid rgb(0,0,0,0.1); display: block}
#product_main_img:hover > #magnifier > img{border:none}
#magnifier:hover{display: none !important}

#pro_content{float:left; width: 55%; padding-left: 30px; box-sizing: border-box; position: relative; height: 520px}
#pro_content h1{color: #333333; font-size: 24px; font-weight: 450; line-height: 28px}
#pro_content h2{color: #39f; font-size: 24px; margin:20px 0px; font-weight: 550;}
#pro_content h3{color: #999; font-size: 14px; margin-bottom:30px; font-weight: 400; word-spacing: 1px; line-height: 25px}
#pro_content table{margin-bottom: 20px;}
#pro_content table tr td{vertical-align: middle; padding: 5px 0px; box-sizing: border-box; font-weight: 650}
#pro_content table tr td:nth-child(2n+1){width:100px;}
#pro_content table tr td select{padding: 5px; box-sizing: border-box; outline: none; font-size: 14px; width:150px; border:1px solid #3f5267;}
#pro_content h4{font-weight: 600; margin-bottom: 5px; font-size: 14px}
#pro_content button{transition: background,color 0.3s; color:#39f; border:1px solid #39f; margin: 30px 0px; cursor: pointer; padding:12px 0px; width:150px; margin-right:5px; box-sizing: border-box; font-weight: 600; text-transform: uppercase; outline: none; background:none;}
#pro_content button:hover{background: #39f; color:#fff; border-color: #39f}
#product_share{width:100%; position: absolute; left:20px; bottom: 5px;}
#product_share div{transition:background 0.3s; width:40px; height: 40px; border:1px solid #999; border-radius: 30px; text-align: center; float: left; box-sizing: border-box; margin:0px 5px;}
#product_share div a{transition:color 0.3s; text-decoration: none; color:#999; display: block}
#product_share div a i{line-height: 40px}
#product_share div:nth-child(1):hover{background: #fff}
#product_share div:hover{background:#39f; border-color: #39f}
#product_share div:hover a{color:#fff}

#product_description{user-select: none; display: flex; flex-wrap: wrap; margin-top:40px; box-sizing: border-box; justify-content: center}
#product_description label{user-select: none; font-size: 14px; font-weight: 600; text-transform: uppercase; text-align: center; cursor: pointer; display: block; order: 1; width:auto; height: 35px; line-height: 35px; padding:0px 15px; box-sizing: border-box; margin:0px 10px;}
#product_description .product_tab{display: none !important; order: 99; min-height: 200px; max-height: auto; flex-grow: 1; width:100%; padding: 20px; box-sizing: border-box; border:2px solid #f5f5f5}
#product_description input[type="radio"]{display: none}
#product_description input[type="radio"]:checked + label{border-bottom:1px solid #39f; color:#39f}
#product_description input[type="radio"]:checked + label + .product_tab{display: block !important}
.product_tab p{word-spacing: 1px; line-height: 22px; font-size:14px}
#pro_specifics_table{table-layout:fixed}
#pro_specifics_table tr td{font-size: 14px; height: 30px; font-weight: 600;}
#pro_specifics_table tr td:nth-child(2n+1){width:100px;}
#pro_specifics_table tr td:nth-child(2n+2){width:200px;}

#similar_products{width:100%}
#similar_products h2{text-align: center; color:#3f5267; font-weight: 500; margin: 40px 0px 20px 0px;}

#checkout{width:100%; padding: 20px; box-sizing: border-box; background:#fff; border-radius: 20px;}
#checkout h2{margin-bottom: 20px; color:#3f5267; font-weight: 600;}
#checkout_address, #order_cart{width:50%; float: left;}
#order_cart{padding-left: 30px; box-sizing: border-box;}
#order_cart table{width:100%; max-height: 500px; overflow-y: auto; margin-bottom: 20px;}
#order_cart table tr td{border-bottom:1px solid rgb(0,0,0,0.1); padding: 10px 0px; box-sizing: border-box; position: relative; width:100% !important}
#order_cart table tr td img{float: left; width:30% !important; height: 80px !important; object-fit: contain; margin: inherit !important;}
#order_cart table tr td h5{float: right; text-align: left; font-size:14px; font-weight: 500; width:70%; padding-left: 10px; box-sizing: border-box; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
#order_cart table tr td h4{user-select: none; float: right; font-size:14px; font-weight: 600; text-align: left; width:70%; padding: 10px; box-sizing: border-box; line-height: 30px}
#order_total{text-align:right; line-height: 10px; font-size: 14px;}
#order_cart button{margin-top: 15px; float:right; width:150px; height: 40px; background:#39f; border:none; outline: none; color:#fff; font-weight: 700; cursor: pointer; border-radius: 5px; text-transform: uppercase}

#checkout_address p{font-size:12px; margin: 10px 0px 5px 0px; font-weight: 600}
.checkout_input{width:100%; margin-bottom: 15px;}
.checkout_input div{transition: border 0.3s; position: relative; width:100%; height: 40px; border:1px solid #ebebeb; box-sizing: border-box;}
.checkout_input div i{position: relative; z-index: 2; width:40px; background:#ebebeb; text-align: center; line-height: 38px; color:#999}
.checkout_input div input, .checkout_input div select{background:#fafafa; z-index: 1; position: absolute; top:0; left: 0; padding-left: 55px; box-sizing: border-box; height: 100%; width:100%; outline: none; border:none}
.checkout_input div:hover{border:1px solid #39f;}
.checkout_input div select{border:1px solid #ebebeb; box-sizing: border-box}

#account{width:100%; padding: 20px; box-sizing: border-box; background: #fff; border-radius: 20px;}
#account_top{text-align: center; box-sizing: border-box; padding-bottom: 20px;}
#account_top img{width:200px; height: 200px; object-fit: contain; border-radius: 100%; border: 1px solid #f2f2f2}

#account_bottom{user-select: none; display: flex; flex-wrap: wrap; box-sizing: border-box; justify-content: center}
#account_bottom label{user-select: none; font-size: 14px; font-weight: 800; text-transform: uppercase; text-align: center; cursor: pointer; display: block; order: 1; width:auto; height: 35px; line-height: 35px; padding:0px 15px; box-sizing: border-box; margin:0px 10px;}
#account_bottom .account_tab{display: none !important; order: 99; min-height: 200px; max-height: auto; flex-grow: 1; width:100%; padding: 20px 20px 0px 20px; box-sizing: border-box; border:1px solid rgb(0,0,0,0.08);}
#account_bottom input[type="radio"]{display: none}
#account_bottom input[type="radio"]:checked + label{border-bottom:1px solid #39f; color:#39f}
#account_bottom input[type="radio"]:checked + label + .account_tab{display: block !important}
.account_tab details{width:100%; box-sizing: border-box; border:2px solid #f2f2f2; margin-bottom: 20px}
.account_tab details summary{width:100%; list-style: none; background:#f2f2f2; padding: 15px 0px 15px 10px; box-sizing: border-box; cursor: pointer}
.account_tab details summary span{padding-right:20px; box-sizing: border-box; font-weight:650; font-size: 14px}
.account_tab details summary span i{transition: transform 0.3s; transform: rotate(-90deg);}
.account_tab details[open] > summary span i{transform: rotate(0deg);}
.account_tab details table{margin-top: 10px; width:100%}
.account_tab details table tr th{border-bottom:1px solid #f2f2f2;}
.account_tab details table tr th, .account_tab details table tr td{text-align: left; padding: 10px; box-sizing: border-box; font-size:12px;}
.account_tab details table tr td img{width:40px; height: 40px; object-fit: contain}
.account_tab details table tfoot tr td{border-top:1px solid #f2f2f2; font-weight:700}
.account_tab button{height:40px; padding: 0px 40px; box-sizing: border-box; background:#39f; border:none; outline: none; cursor: pointer; border-radius: 5px; color:#fff; font-weight:600; text-transform:uppercase; margin-bottom: 20px;}
.account_tab p{font-size:14px; margin-bottom: 3px}
.account_tab .checkout_input{margin-bottom: 25px}

#privacy{background:#fff; padding: 40px; box-sizing: border-box; border-radius: 20px;}
#privacy h1, #privacy h2{margin-bottom: 10px; font-size:18px; font-weight: 550; color:#39f}
#privacy p{font-size:14px; line-height: 25px; word-spacing: 1px; color: #3f5267; margin-bottom: 10px;}
#privacy ul{padding: 0px 20px; box-sizing: border-box;}
#privacy div{width:33.33%; float: left; border-top:2px solid #f5f5f5; box-sizing: border-box; padding-top:40px}

#shipping_section{list-style-type: none; margin-top: 10px; padding-top:30px; box-sizing: border-box; background:#fff; border-top:1px solid rgb(0,0,0,0.1);}
#shipping_section li{display: inline-block; width:23.5%; box-sizing: border-box; text-align: left; padding-left: 20px;}
#shipping_section li i{float:left; color:#333; font-size: 30px; margin: 10px 15px 0px 0px;}
#shipping_section li h3{font-weight:600; color:#333; font-size:16px}
#shipping_section li h4{color:#999; font-weight: 300}

#main_footer{margin: 0px 0px 20px 0px; background:#fff; border-radius: 20px; width:100%; height: auto}
#main_footer ul{list-style-type: none}

#contact_footer{width:100%;}
#contact_footer ul{text-align: center;}
.social_icon{line-height: 40px !important; height:40px; width:40px; background:#39f; color:#fff; text-align: center; border-radius: 100%; margin-bottom: 20px;}

#link_footer{width:100%;}
#link_footer ul{text-align: center; padding: 0px 0px 20px 0px; box-sizing: border-box}
#link_footer ul li{padding: 10px; box-sizing: border-box; display: inline-block}
#link_footer ul li a{text-decoration: none; color:#3f5267}
#link_footer h3{font-size: 14px; background: #39f; width:100%; height: 40px; color:#fff; line-height: 40px; text-align:center; position: absolute; left:0;}

@media screen and (min-width:320px) and (max-width:500px){
	header{height: 130px; padding-bottom: 10px;}
	#logo{width:100%; float: none; height: 60px; margin: 10px 0px 0px 0px;}
	#logo img{width:60px; height: 60px; display: block; margin: auto}
	#menu_open,#menu_close{left:15px; top:10px; color: #333;}
	#bottom_header{position:inherit; margin-top:-105px !important; margin-left: 79% !important; width:20%;}
	#bottom_header li{width:100% !important;}
	#menu{width:100%; left: 0px; height: 80vh; top: -680px;}
	#menu details summary{width:100%}
	
	#bottom_head_right{height: 40px; float: none; width:100%; margin-top:10px}
	#search_input{width:100%; float: none; margin-top: 0px; margin-left:0px; position: relative}
	#search_input input{position: absolute; width:100%; left:0px; padding:0px 20px 0px 50px; box-sizing: border-box}
	#global_search{max-height: 500px}
	#global_search ul li{width:100% !important;}
	#global_search ul li:nth-child(2n+2){margin-left:0%}
	#global_search ul li a img{width:30%}
	#global_search ul li a h5{width:67%}
	
	#signup_pop_up table{max-height: 370px;}
	#signup_pop_up form button{margin-bottom: 0px}
	#signup_open:hover #signup_pop_up{left: 0px; width: 96% !important; padding: 20px 10px; height: 87vh}
	
	#wrapper, #top_head, #bottom_head{padding: 0px 4%;}
	#top_head{display: none}
	#slider{height: 200px; margin-top: 10px; margin-bottom: 50px;}
	#slider img{object-fit: none; height: 200px;}
	.slide_contain{width:100%; left: 0%; padding: 25px 10px 10px 10px; background: rgb(0,0,0,0.5); border-radius: 20px; text-align: center;}
	.deal_title{font-size: 14px; color:#fff}
	.main_title{font-size: 22px; color:#a6c76c}
	.slide_price{font-size: 24px;}
	.slide_shop{text-align: center; padding:8px 20px; font-size: 14px; font-weight: 500; display: inline-block; margin: auto}
	
	.section_title{font-size: 18px;}
	.section_title span{display: none}
	.section_title select{float:none; width:100%; border:1px solid #a6c76c; padding:5px 10px; box-sizing: border-box; background:#fff; font-size:14px; outline:none}
	
	#home_categories ul li{width:22%; margin: 0px 1.5%;}
	#home_categories ul li{height: 100px; padding: 0px; overflow: hidden; box-shadow: none;}
	#home_categories ul li a img{width: 60px; display: block; height: 60px; padding:5px; box-sizing: border-box; margin:10px auto 5px auto; border-radius: 100%; border: 1px solid #dee2e6;}
	#home_categories ul li a h5{font-size: 10px; position: inherit; bottom: 0px; left:0%; transform: translate(0%,0%)}
	.product_box li{width:47%; padding: 10px; height: 270px; margin: 5px 1.5%;}
	.product_box li a img{height: 150px;}
	.product_box li a h5{font-size: 12px}
	.product_box li a h3{margin: 5px 0px; font-size: 12px}
	.product_box li button{}
	.product_box li:hover button{visibility: hidden}
	.box_discount{left:10px; top:10px;}
	
	#cat_left{display: none}
	#cat_right{float: none; width: 100%; padding: 0px; margin-bottom: -20px}
	#cat_right > .product_box li{width:47%; padding: 10px; height: 270px; margin: 10px 1.5%;}
	#cat_right > .product_box li a img{height: 150px;}
	#cat_right > .product_box li a h5{font-size: 12px}
	#cat_right > .product_box li a h3{margin: 5px 0px; font-size: 12px}
	#cat_right > .product_box li button{}
	#cat_right > .product_box li:hover button{visibility: hidden}
	#cat_right > .box_discount{left:10px; top:10px;}
	
	#crumb{display: none}
	#pro_details{padding: 0px 0px 20px 0px; border:none;}
	#pro_gallery{width:100%; float: none; height: auto;}
	#product_thumb_img{left:0px; top:-10px; height: auto; position: relative; width:100%; padding: 0px;}
	#product_thumb_img img{float: left; width:18%; margin:1%; box-sizing: border-box; border-radius: 5px;}
	#product_thumb_img img:first-child, #product_thumb_img img:last-child{margin:1%}
	#product_main_img{width:100%; height: 100%; padding-left: 0px; border:1px solid rgb(0,0,0,0.1); box-sizing: border-box; border-radius: 5px;}
	#product_main_img img{margin-left:0%; padding: 0px; min-width:100%; min-height: 100%; border-radius: 5px;}
	#product_main_img:hover > #magnifier{display: none}
	
	#pro_content{width:100%; float:none; height: auto; padding: 0px; clear: both;}
	#pro_content h1{font-size:18px; line-height: 22px}
	#pro_content h2{font-size: 20px; margin:15px 0px 15px 0px;}
	#pro_content h3{font-size: 14px; margin-bottom: 15px; line-height: 18px}
	/*#pro_content table{margin-bottom: 20px;}
	#pro_content table tr td{vertical-align: middle; padding: 5px 0px; box-sizing: border-box; font-weight: 650}
	#pro_content table tr td:nth-child(2n+1){width:100px;}
	#pro_content table tr td select{padding: 5px; box-sizing: border-box; outline: none; font-size: 14px; width:150px; border:1px solid #3f5267;}*/
	#pro_content button{margin: 15px 0px; width:49%; margin-right:0px;}
	#product_share{width:100%; position: relative; left:0px; bottom: 0px; margin-top: 10px}
	
	#product_description{margin-top: 0px;}
	#product_description label{float:left; width:33.33%; margin:0px; display: block; font-size: 12px; padding: 0px;}
	#product_description label span{display: none}
	#product_description .product_tab{padding: 10px; box-sizing: border-box; font-size: 12px}
	
	#similar_products h2{font-size: 18px; margin: 15px 0px; font-weight: 700}
	
	#checkout{padding: 10px;}
	#checkout_address, #order_cart{width:100%; float: none; height: auto}
	#checkout_address{border-bottom: 2px solid #f5f5f5; padding-bottom: 20px; margin-bottom: 20px;}
	#order_cart{padding-left: 0px;}
	#order_cart td{padding: 10px 0px;}
	
	#privacy{padding: 10px}
	#privacy div{width:100%; float: none; border-top:2px solid #f5f5f5; box-sizing: border-box; padding-top:20px}
	
	#home_three_banner ul li{float: none; width: 98%; margin: 10px 1%; height: auto}
	#home_three_banner ul li a div{position: absolute; top:10px; left: 20px; width:100%;}
	#home_three_banner ul li a div h2{font-size:14px; line-height: 20px;}
	#home_three_banner ul li a div h3{font-size:12px}
	#banner_cover, #banner_cover a img, #banner_rgb, #home_one_banner{height: 200px}
	#shipping_section{padding-top: 20px}
	#shipping_section li{float: none; width:100%; margin: 0%;}
	#shipping_section li i{margin-right: 20px}
	#link_footer h3{height: auto; line-height: normal; padding: 20px 0px; box-sizing: border-box}
}
@media screen and (min-width:1359px) and (max-width:1499px){
	#wrapper, #top_head, #bottom_head{padding: 0px 2%;}
	#menu_open,#menu_close{left:12%}
	#menu{width:96%; left:2%}
}