@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 #facc15*/

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

.pop_up{position: fixed; top:0; left:0; width:100%; height: 100vh; background: rgb(0,0,0,0.7); z-index: 4;}
.triple-spinner {display: block; position: relative; top: 50%; margin: auto; width: 100px; height: 100px; border-radius: 50%; border: 4px solid transparent; border-top: 4px solid #f93; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite;}
.triple-spinner::before,.triple-spinner::after {content: ""; position: absolute; border-radius: 50%; border: 4px solid transparent;}
.triple-spinner::before {top: 5px; left: 5px; right: 5px; bottom: 5px; border-top-color: #2D881B; -webkit-animation: spin 3s linear infinite; animation: spin 3.5s linear infinite;}
.triple-spinner::after {top: 15px; left: 15px; right: 15px; bottom: 15px; border-top-color: #EC1C24; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.75s linear infinite;}
.load_div{width: 30%; text-align: center; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
@keyframes spinBorder {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	  border-width: 15px;
	}
	50% {
	  -webkit-transform: rotate(180deg);
	  transform: rotate(180deg);
	  border-width: 3px;
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  transform: rotate(360deg);
	  border-width: 15px;
	}
}
@-webkit-keyframes spinBorder {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	  border-width: 15px;
	}
	50% {
	  -webkit-transform: rotate(180deg);
	  transform: rotate(180deg);
	  border-width: 3px;
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  transform: rotate(360deg);
	  border-width: 15px;
	}
}
@keyframes spin {
	from {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	to {
	  -webkit-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
}
body{background: #f5f5f5; overflow-x: hidden}

header{width:100%; box-shadow: 0 3px 4px -2px rgba(0, 0, 0, 0.1); height: 80px; background:#fff; position: fixed; top:0; z-index: 3; box-sizing: border-box}

#top_head{width: 100%; height: 40px; background:#0c9; padding:0px 10%; display: none;}
#top_head ul{list-style-type: none;}
#top_head ul li{font-size:14px; line-height: 40px; font-weight: 500; padding: 0px 10px;}
#top_head ul li i{padding-right: 5px;}
#bottom_head{width:100%; height: 80px; padding:0px 10%;}
.show_pass,.hide_pass{cursor: pointer; position: relative !important; top: -20px; left: 87% !important; padding: 20px;}
#logo{width: 15%; height: 100%; float: left;}
#logo img{width:100%; height: 95%; object-fit: contain; padding: 5px;}

#cat_bar{width:10%; height: 100%; float: left; position: relative;}
#menu_open, #menu_close{position: absolute; top:20px; 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}
/* #header_menu_open{padding:20px; box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.2), 0 20px 20px 0 rgba(0, 0, 0, 0.19); transition: top 0.3s; width:370px; height: 500px; z-index: 3; position: fixed; top:-700px; left:12%; overflow: auto; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background:#fff}
#header_menu_open ul{list-style-type: none;}
#header_menu_open ul li{width:100%; position: relative; height: 50px; line-height: 50px; background: #f5f5f5; border-radius: 30px; margin-bottom: 10px;}
#header_menu_open ul li a{text-decoration: none; color:#3f5267; display: block;}
#header_menu_open ul li img{width:30px; position: absolute; top:10px; height: 30px; object-fit: contain; left:15px; float: left;}
#header_menu_open ul li span{padding-left: 55px; font-size: 13px; font-weight: 500;}
#header_menu_open ul li:hover{background: rgb(0,204,153,0.2);} */

#header_search_area{width:55%; height: 100%; float: left;}
#header_search_input{width:100%; height: 40px; margin-top:20px; border:1px solid rgb(0,0,0,0.2); border-radius: 30px; position: relative;}
#header_search_input select{outline:none; position: absolute;top: 0px; left: 0px; border-top-left-radius: 18px; border-bottom-left-radius: 18px; height: 100%; padding-left: 10px; background: #C3C3C3; border: 0px; color: #fff; font-weight: 500;}
#header_search_input input{width:100%; border-radius: 30px; height: 40px; background:none; border:none; outline: none; padding: 0px 50px 5px 20px;}
/* #header_search_input i{position: absolute; right:10px; top:0%; text-align: center; height: 38px; line-height: 40px; width:40px; color:rgb(0,0,0,0.4); border-top-right-radius: 30px; border-bottom-right-radius: 30px;} */
#header_search_input input[type='button']{position: absolute; background: #21810e; right:0px; top:0%; cursor: pointer; box-shadow: 0px 3px #bf1b2c; height: 35px; line-height: 35px; max-width:85px; color:#fff; border-top-right-radius: 30px; border-bottom-right-radius: 30px; border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
#header_search_input input[type='button']:active {box-shadow: 0px 0px #bf1b2c; top:3px;}
#search_filter{width:50%; z-index: 3; box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.2), 0 20px 20px 0 rgba(0, 0, 0, 0.19); position: fixed; background: #fff; height: 500px; overflow: auto; top:-700px; left:50%; transform: translateX(-50%); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-left:1px solid rgb(0,0,0,0.4); border-right:1px solid rgb(0,0,0,0.4); border-bottom:1px solid rgb(0,0,0,0.4);}
#search_filter ul{list-style-type: none; padding: 20px;}
#search_filter ul li{width:48%; float: left; height: 90px; border-bottom: 1px solid rgb(0,0,0,0.1); margin:0px 0.5% 20px 1%}
#search_filter ul li a{text-decoration: none; display: block;}
#search_filter ul li img{width:18%; height: 75px; float: left; border: 1px solid rgb(0,0,0,0.1); object-fit: contain;}
#search_filter ul li h5{float: left; width:65%; color:#3f5267; font-weight: 500; margin-left:5%}
#search_filter ul li p{float: left; width:65%; color:#3f5267; font-size:12px; margin-left:5%; font-weight: 500;}

.signup{width:10%; height: 100%; float: left; text-align:right; line-height: 80px; cursor: pointer; color: rgb(0,0,0,0.6)}
.signup_text{font-size: 14px; font-weight: 500;}
.hide_signup_pop_up{font-size: 14px; font-weight: 500;}
.signup_text_inq{font-size: 14px; font-weight: 500; padding-left: 14px;}

#signup_pop_up{transition: all 0.3s; overflow-y: auto !important; overflow-x: hidden !important; box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.2), 0 20px 20px 0 rgba(0, 0, 0, 0.19); position: absolute; background: #fff; z-index: 3; top:-800px; right: 0%; height: auto; width: 400px; overflow-x: hidden; padding: 20px; box-sizing:border-box; border-bottom-left-radius:20px; border-bottom-right-radius:20px;}
#pop_up_forms{width:1200px; transition: all 0.3s;}
#pop_up_forms form{height: auto; width:400px; float:left}
#signup_pop_up form img{width:120px; height: 120px; /*border-radius: 30px;*/}
#signup_pop_up .input{font-size: 14px; width:90%; height: 40px; 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: 40px; color:#000; width:40px; text-align: center}
#signup_pop_up .input input{font-size: 14px; 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: 14px; background:none; transition: background 0.3s; cursor: pointer; height:35px; line-height:35px; width:100px; border:1px solid #39f; outline: 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: 14px; margin-bottom: -10px; margin-top: -25px;}

#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: 14px; 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: 14px; line-height: 30px}

#signup_pop_up_inq_form{transition: all 0.3s; overflow-y: auto !important; overflow-x: hidden !important; box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.2), 0 20px 20px 0 rgba(0, 0, 0, 0.19); position: absolute; background: #fff; z-index: 3; top:-800px; right: 0%; height: 85vh; width: 400px; overflow-x: hidden; padding: 20px; box-sizing:border-box; border-bottom-left-radius:20px; border-bottom-right-radius:20px;}
#signup_pop_up_inq_form form img{width:120px; height: 120px; /*border-radius: 30px;*/}
#signup_pop_up_inq_form .input{font-size: 14px; width:90%; height: 40px; text-align: left; margin: 15px 0px; position: relative; box-sizing: border-box; border-radius: 30px; background: #ebebeb}
#signup_pop_up_inq_form .input i{border-top-left-radius: 20px; border-bottom-left-radius: 20px; position: absolute; z-index: 2; left: 0; line-height: 40px; color:#000; width:40px; text-align: center}
#signup_pop_up_inq_form .input input{font-size: 14px; 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_inq_form button{font-size: 14px; background:none; transition: background 0.3s; cursor: pointer; height:35px; line-height:35px; width:100px; border:1px solid #39f; outline: none; color:#39f; border-radius: 30px; font-weight: 600; text-transform:uppercase; margin-bottom:10px;}
#signup_pop_up_inq_form button:hover{background: #39f; color:#fff}
#signup_pop_up_inq_form p{font-size: 14px; margin-bottom: -10px; margin-top: -25px;}
#signup_pop_up_inq_form 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_inq_form table{width:100%; display: none; max-height: 500px; overflow-y: auto; margin-bottom: 20px}
#signup_pop_up_inq_form 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_inq_form table tr td img{float: left; width:30% !important; height: 80px !important; object-fit: contain; margin: inherit !important;}
#signup_pop_up_inq_form table tr td h5{float: right; text-align: left; font-weight: 600; color:#333; font-size: 14px; 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_inq_form 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: 14px; line-height: 30px}

#slider{width:100%; height: 100vh; position: relative;}
#slider img{width:100%; height: 100%; filter: brightness(0.4);}
#slider_content{position: absolute; width:80%; top:50%; left:50%; transform: translate(-50%,-50%); z-index:2}
#slider_content h2{color:#fff; text-align:center; font-weight: 550; font-size: 28px; line-height: 45px; margin-bottom: 40px;}
#slider_content a{transition: all 0.3s; display: inline-block; text-decoration: none; color:#3f5267; font-size:12px; font-weight:550; padding: 7px 25px; background:#e8f4f8; margin: 5px; border-radius: 30px;}
#slider_content a:hover{color:#000; box-shadow: 0 0 20px #0c3 !important;}

#content_body{padding: 20px;}

#home_cat{width: 95%; margin-top: -80px !important; position: relative; margin: auto; z-index: 2;  box-shadow: 0 -4px 4px -2px rgba(0, 0, 0, 0.2),-4px 0 4px -2px rgba(0, 0, 0, 0.2), 4px 0 4px -2px rgba(0, 0, 0, 0.2); }
#home_cat ul{list-style-type: none;}
#home_cat ul li:first-child{border-top-left-radius: 15px;}
#home_cat ul li{transition: background 0.3s; width:12.5%; float: left; height: 100px; padding: 20px; background:#fff; text-align: center;}
#home_cat ul li a{text-decoration: none; display: block;}
#home_cat ul li a img{width:100%; height: 40px; object-fit: contain;}
#home_cat ul li a h4{font-weight: 500; font-size: 14px; color:#3f5267}
#home_cat ul li:hover{background: #e6e6e6}

/* #wrapper{padding: 120px 10% 0px 10%;} */

.items_area li{width: 18% !important; margin-bottom: 20px !important;}

#items_area{width:100%; padding: 20px;}
#items_area ul{list-style-type: none;}
#items_area ul li{width:18%; position:relative; margin: 10px 1%; height: 320px; background: #fff; padding: 20px; float: left; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1), 0 5px 5px 0 rgba(0, 0, 0, 0.1); border: 1px solid rgb(0,0,0,0.1); border-radius: 8px;}
#items_area ul li a{text-decoration: none;}
#items_area ul li a img{width:100%; height: 200px; object-fit: contain; margin-bottom: 10px;}
#items_area ul li a h5{color:#3f5267; line-height: 20px; margin-bottom: 10px; font-weight: 500; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
#items_area ul li a p{color:#3f5267; font-size: 16px; font-weight: 600;}
#items_area ul li a div{position: absolute; left: 0; bottom: 0; width: 100%; border-radius: 5px; height: 35px; padding: 5px; font-weight: 500; color: #fff; text-align: center;}

footer{width:100%; padding: 20px 10%; background:#2e2e2e}
footer h2{text-align: center; color:#fff; font-weight:600; margin: 20px 0px;}
footer iframe{margin-top: 20px; height:300px; width:50%; float: left; margin-bottom: 20px; border-radius: 10px;}
#copyright{width:100%; background:#0c9; padding: 20px 10%; color:#000; font-weight: 400; font-size: 14px;}
#copyright a{font-weight:600; color:#000}

#footer_contact{width:50%; float:left; padding: 0px 20px 0px 60px; height:300px; margin-top: 20px; color:#fff}
#footer_contact p{margin-bottom: 20px;}
#footer_contact p i{margin-right:10px}

.badge{--bs-badge-padding-x: .65em; --bs-badge-padding-y: .35em; --bs-badge-font-size: .75em; --bs-badge-font-weight: 700; --bs-badge-color: #fff; --bs-badge-border-radius: .375rem; display: inline-block; padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); font-size: var(--bs-badge-font-size); font-weight: var(--bs-badge-font-weight); line-height: 1; color: var(--bs-badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--bs-badge-border-radius);}
.bg-success {--bs-bg-opacity: 1; background-color: #0c9 !important;}
.rounded-pill {border-radius: 100% !important; position: relative; left: 20px;}

#pro_details{width: 100%; background: #fff; padding: 20px; border-radius: 15px; box-shadow: 0 4px 4px rgba(0,0,0,.1)}
#crumb{width:100%; color:#3f5267; margin-bottom: 40px; text-transform: uppercase;}
#crumb p{font-size:12px; color:#3f5267; font-weight: 600;}
#crumb a{text-decoration: none; color:#3f5267;}
#crumb i{margin-right:5px;}
#crumb span{margin:0px 10px;}

#pro_left,#pro_right{width:50%; height: 400px; padding: 0px 10px; float: left;}
#pro_hero_img{width:100%; height: 80%;}
#pro_hero_img img{width:100%; height: 320px !important; cursor: pointer; object-fit: contain; border-radius: 8px;}

#pro_thumb_imgs{width:100%; height: 16%; margin-top: 4%;}
#pro_thumb_imgs img{width:60px; height: 60px; cursor: pointer; padding: 10px; object-fit: contain; margin-left:10px; border:1px solid rgb(0,0,0,0.1);}

#pro_right h1{font-size:20px; font-weight: 500; color:#3f5267; border-bottom: 1px solid rgb(0,0,0,0.06); margin-bottom: 15px; padding-bottom: 7px;}
/* padding-bottom: 20px; */
#pro_right h2{margin-bottom: 10px; font-weight: 600; font-size: 20px; margin-top:10px}
#pro_right table{width:100%; border-bottom: 1px solid rgb(0,0,0,0.06); padding-bottom: 20px;}
#pro_right table tr td{height: 35px; font-size: 14px; color:#74889e;}
#pro_right table tr td i, #pro_right p i{width:25px}
#pro_right table tr td:nth-child(2n+1){width:35%; color:#3f5267; font-weight: 600;}
#pro_right p{margin-top:20px; font-size: 14px; color:#3f5267}
#pro_right p b{margin-right: 10px;}
.magnifier_img{border-radius: 10px; width: 490px; background: #fff; overflow: hidden; position: absolute;}
#magnifier{width: 100%;}
#magnifier img{border-radius: 10px; width: 100%;}
#pro_data{border-top: 1px solid rgb(0,0,0,0.06); padding: 20px 0px; margin-top: 30px;}
#pro_data table{width:48%; border:1px solid rgb(0,0,0,0.1); padding: 10px 20px; float: left; margin: 0px 1%;}
.table_head{color:#3f5267 !important; font-weight:550 !important; font-size: 18px !important; border-bottom: 1px solid rgb(0,0,0,0.06); padding-bottom: 10px; margin-bottom: 20px;}
#pro_data table td{padding-top: 20px !important; font-size: 14px; color:#74889e; font-weight: 450;}
#pro_data table tr:first-child td{padding-top: 10px !important;}
#pro_data table tr:last-child td{padding-bottom: 20px;}

#pro_desc{padding: 0px 1%;}
#pro_desc h2{font-weight:600; color:#3f5267; font-size: 18px; margin: 15px 0px 15px 0px;}
#pro_desc p{font-size: 13px; color:#3f5267; line-height: 25px; color:#74889e}

#category{width: 100%; box-shadow: 0 4px 4px rgba(0,0,0,.1); background: #fff; padding: 20px; border-radius: 15px; position: relative;}
#cat_left,#cat_right{box-sizing: border-box; height: auto;}
#cat_left{float: left; width: 20%; border-top-left-radius: 20px; border-radius: 10px; padding:20px; border:1px solid rgb(0,0,0,0.05)}
#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: 14px; 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;}
#cat_right ul li{margin-top: 0px !important}

#tag h1{font-size: 20px; font-weight: 600; color:#3f5267; padding: 0px 30px;}

#user_profile{width: 100%; background: #fff; padding: 20px; border-radius: 15px; position: relative;}
#profile_head{width:100%; padding-bottom: 20px;}
#profile_head img{width:200px; height: 200px; border-radius: 100%; display: block; margin: auto; object-fit: cover;}
#profile_head h2{color:#0c0; text-align: center; text-transform: uppercase; margin-bottom: 20px;}

#profile_summary{text-align: center; display: flex; justify-content: center;}
#profile_summary div{border-right:1px solid rgb(0,0,0,0.1); width:auto; padding: 0px 25px;}
#profile_summary div h3{color:#3f5267; font-weight: 500; font-size: 14px; line-height: 25px;}
#profile_summary div p{color:#74889e; font-size: 14px;}

.profile_tabs{user-select: none; display: flex; flex-wrap: wrap; margin-top:20px; box-sizing: border-box; justify-content: center}
.profile_tabs 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;}
.profile_tabs .content{display: none !important; order: 99; min-height: 200px; max-height: auto; flex-grow: 1; width:100%; padding: 40px 20px; box-sizing: border-box; border:2px solid #f5f5f5}
.profile_tabs input[type="radio"]{display: none}
.profile_tabs input[type="radio"]:checked + label{border-bottom:1px solid #0c0; color:#0c0}
.profile_tabs input[type="radio"]:checked + label + .content{display: block !important}

.content form{margin: auto;}
.content p{font-size:13px; margin-bottom: 5px;}
.input_area{width:100%; height: 40px; background:#e8f4f8; border-radius: 10px; margin-bottom: 20px;}
.input_area input{font-size: 13px; width:100%; height: 40px; border-radius: 10px; border:none; background: none; padding: 0px 20px; outline: none;}
.content button{font-size: 14px; width: 150px; height: 40px; background:#0c0; color:#fff; border:none; outline: none; border-radius: 10px; cursor: pointer; font-weight: 700; text-transform: uppercase;}
.inq_logs_header{margin-top: 15px; font-size: 18px !important; font-weight: 600; border-bottom: 1px solid rgb(0,0,0,0.1); border-top: 1px solid rgb(0,0,0,0.1); padding-bottom: 12px; padding-top: 12px; margin-bottom: 12px; color: #3f5267;}
.full_width_div{width: 98%; margin: auto;}
.full_width_div table .tr_head{color: #3f5267;}
.full_width_div table .tr_head th{border-bottom: 1px solid rgb(0,0,0,0.1); padding-bottom: 8px; text-align: initial;}
@media (max-width:600px){
	.tabs .content, .tabs label{order: initial}
	.tabs label{width:100%}
}

.content details{width:100%; box-sizing: border-box; border:2px solid #e8f4f8; margin-bottom: 20px; border-radius:10px}
.content details summary{width:100%; list-style: none; background:#e8f4f8; padding: 15px 0px 15px 10px; box-sizing: border-box; cursor: pointer}
.content details summary span{padding-right:20px; box-sizing: border-box; font-weight:650; font-size: 14px}
.content details summary span i{transition: transform 0.3s; transform: rotate(-90deg);}
.content details[open] > summary span i{transform: rotate(0deg);}
.content details summary span:last-child{line-height: 25px;}
/* float: right; */
.inquiry_details{width:100%;}
.inquiry_left,.inquiry_right{width:50%; height: 400px; padding: 20px; float: left;}
.inquiry_hero_img{width:100%; height: 80%;}
.inquiry_hero_img img{width:100%; height: 100%; object-fit: contain; cursor: pointer;}

.inquiry_thumb_imgs{width:100%; height: 16%; margin-top: 4%;}
.inquiry_thumb_imgs img{width:60px; height: 60px; cursor: pointer; padding: 10px; object-fit: contain; margin-left:10px; border:1px solid rgb(0,0,0,0.1);}

.inquiry_right h2{font-size:24px; font-weight: 500; color:#3f5267; border-bottom: 1px solid rgb(0,0,0,0.06); padding-bottom: 20px; margin-bottom: 15px;}
.inquiry_right h3{margin-bottom: 20px; font-weight: 600; font-size: 20px; margin-top:20px}
.inquiry_right h4{font-weight:500; color:#3f5267}
.inquiry_right p{margin-top: 20px; color:#74889e; line-height: 25px; padding-bottom: 20px;}
.inquiry_right a{padding: 12px 20px; background:#0c0; font-size: 14px; border-radius: 10px; font-weight: 700; cursor:pointer; color:#fff}
.d_block{display: block !important;}
.ellipsis {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.title_ellipsis{overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical;}
.signup_form{display:none;}
.show_login{margin-top: -25px;}
/* .close_form{position: absolute; top: 7px; z-index: 15; } */
.error {color: #f00; font-weight: 400; margin-bottom: 10px !important; font-size: 14px;}
.left_part,.right_part{width: 50%; float: left;padding: 10px;}
.no-arrows::-webkit-inner-spin-button,
.no-arrows::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield; /* Firefox */
}
  .dropdown {
	position: relative;
	/* display: inline-block; */
  }
  
  .dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 200px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	text-align: left;
	list-style-type: none;
  }
  
  .dropdown-content li{width:100%; height: 35px; line-height: 35px; padding: 0px 20px;}
  .dropdown-content li a{text-decoration: none; color:#3f5267; font-size: 14px; display: block;}
  .dropdown-content li:hover {background-color: #ddd;}
  
  /* .dropdown .dropdown-content {display: block;} */
  
  .dropdown .dropbtn {background-color: #3e8e41;}

  input[type=file]::file-selector-button {
	background-color: #fff;
	color: #000;
	border: 0px;
	border-right: 1px solid #e5e5e5;
	margin-right: 20px;
	margin-top:4px;
	transition: .5s;
	height: 27px;
	line-height: 27px;
  }
  
  input[type=file]::file-selector-button:hover {
	background-color: #eee;
	border: 0px;
	border-right: 1px solid #e5e5e5;
  }
  /* .custom-file-choose{position: absolute; bottom: -21px; left: 40px; width: 250px;} */
  #items_area ul li:hover{border:2px solid #999}
@media screen and (min-width:320px) and (max-width:767px){
/* @media only screen and (max-width: 767px) { */
	#top_head{display: none;}
	header{height:125px;}
	#bottom_head{padding: 0px 20px;}
	#profile_head img{width: 150px; height: 200px;}
	#profile_head h2{margin-bottom: 5px;}
	.signup_text span, .hide_signup_pop_up span,.signup_text_inq span,#slider_content a, #home_cat, #crumb,#magnifier,.inquiry_thumb_imgs,.magnifier_img{display: none;}
	#logo{width:80px; height:60px; float: none; position: absolute; left:10px; margin-top:5px;}
	#logo img{height: 100%;}
	#signup_open{height: 40px; width:60px; margin-top:15px; text-align: right; float:right; margin-right: -10px;}
	#signup_open_2{height: 40px; width:60px; margin-top:15px; text-align: right; float:right; margin-right: -10px;}
	.signup_text,.hide_signup_pop_up{font-size:20px; color:#3f5267; line-height: 40px; text-align: center;}
	.signup_text_inq{font-size:20px; color:#3f5267; line-height: 40px; text-align: center;}
	#cat_bar{position: absolute; left:20px; bottom:5px; width:40px; height: 40px;}
	#menu_open, #menu_close{left:0px; top:0px; z-index: 5;}
	#header_search_area{position: absolute; right:20px; top:53px; width:90%; height:40px; padding-left: 60px;}
	#header_search_input{margin-top: 25px;}
	#signup_pop_up,.forgot_form,#signup_pop_up_inq_form{overflow-y: auto !important; overflow-x: hidden !important; height:510px !important; position: absolute; left:0px; width:100% !important;}
	.form_input_container{width: 370px;}
	.load_div{width: 100% !important; text-align: center;}
	.load_div span{font-size: 14px;}
	#signup_pop_up p,#signup_pop_up button,#signup_pop_up_inq_form p,#signup_pop_up_inq_form button{font-size: 14px;}
	#signup_pop_up button,#signup_pop_up_inq_form button{height: 40px;}
	#header_menu_open{width:100%; left:0px;}
	.search_filter{width:100% !important}
	.search_filter ul li{width:100% !important}
	#slider{height:300px; padding-top: 0px;}
	#slider img{filter: brightness(0.3);}
	#slider_content h2{font-size:17px; line-height: 30px; margin-bottom: 0px;}
	#items_area{padding: 20px;}
	#items_area ul li,.items_area ul li{width: 48% !important; height: 270px; margin:1%; padding: 15px;}
	#items_area ul li a img{height: 150px;}
	#items_area ul li a h5{font-size: 14px;}
	#items_area ul li a p{font-size:13px}
	footer{padding: 20px; margin-top: -19px !important;}
	footer h2{margin: 5px 0px;}
	footer iframe{width:100%; float: none; height: 200px;}
	#footer_contact{width:100%; float: none; padding: 0px; height: auto;}
	#footer_contact p{font-size: 14px;}
	#pro_details{border-radius: 0px; margin-bottom: 0px;}
	#pro_left,#pro_right{width:100%; height:auto; float: none; padding: 20px 0px 0px 0px;}
	#pro_hero_img img{width:100%; height:300px !important;}
	#wrapper{padding:100px 0px 20px 0px}
	#pro_thumb_imgs img{width:50px; height: 50px;}
	#pro_right p{font-size: 14px;}
	#pro_right h2{margin: 10px 0px;}
	#pro_right table tr td:nth-child(2n+1){width:50%;}
	#pro_right table tr td{font-size: 14px;}
	#pro_data{padding: 20px 0px; margin-top: 0px;}
	#pro_data table{width:100%; margin: 10px 0px; height: auto;}
	#pro_data table tr:first-child td{font-size: 16px !important;}
	#content_body{padding: 0px;}
	#pro_desc{margin-top:0px; padding-top: 0px;}
	#pro_desc h2{margin-top:0px}
	#tag h1{margin-top: 20px;}
	#category,#cat_right{padding: 0px;}
	#cat_left{border:none; border-top-left-radius: 0px; border-radius: 0px;}
	#cat_left,#cat_right{float:none; width:100%}
	#cat_right{margin-top:20px}
	#user_profile{border-radius: 0px;}
	#profile_summary{text-align: center; display:block; margin-bottom: 0px; padding-top: 0px;}
	#profile_summary div{width:50%; float: left; border:none; padding: 10px;}
	.profile_tabs{margin-top:0px; padding-top: 0px;}
	.profile_tabs label{float:left; width:33.33%; margin:0px; display: block; font-size: 13px; padding: 0px;}
	.profile_tabs .content{padding: 20px;}
	.content form{width:100% !important;}
	.content details summary span:nth-child(1),.content details summary span:nth-child(2){display: inline-block;}
	.content details summary span{padding-right:10px;}
	.inquiry_details{border-radius: 0px; margin-bottom: 0px;}
	.inquiry_right{padding: 20px; margin-top:0px}
	.inquiry_right h2,#pro_right h1{font-size: 16px;}
	.inquiry_right h3,.inquiry_right h4,#pro_right h2{font-size: 14px;}
	.inquiry_left,.inquiry_right{width:100%; float: none; height: auto;}
	.inquiry_thumb_imgs img{width:50px; height: 50px;}
	#copyright{font-size: 15px;}
	.left_part, .right_part{width: 100%; padding: 0px;}
	#add_inq_form_site center,#update_password center,#update_profile center,#pro_left center{margin-left: 0px !important;}
	.custom-file-choose {position: static; font-size: 14px; line-height: 40px; display: block; padding-left: 40px; text-overflow: ellipsis;}
	#header_search_input input {text-align: left; padding-right: 65px; text-overflow: ellipsis;}
}