@charset "utf-8";
body {overflow-x: hidden; margin: 0; padding: 0; background-color: #fff; font-family: 'Poppins', sans-serif;}
.no_scroll {overflow: hidden !important;}
body::-webkit-scrollbar {width:8px;}
body::-webkit-scrollbar-track {background: #f5b0ca;}
body::-webkit-scrollbar-thumb {background: #e01462; border-radius: 0;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}
.animate__animated {opacity: 0;}
.opa_1, .animate__zoomIn, .animate__zoomInLeft, .animate__slideInUp {opacity: 1 !important;}

a {text-decoration: none !important;}
ul {padding: 0; margin: 0; list-style: none;}
.cpp {cursor: pointer;}
.clip_text_1 {-webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_text_2 {-webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_text_3 {-webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_text_4 {-webkit-line-clamp: 4; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_text_5 {-webkit-line-clamp: 5; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}

.div_cent {height: 100%; display: grid; align-items: center; justify-content: center;}
.button_1 {display: inline-block; width: max-content; padding: 12px 30px; border: 1px solid #e01462; background-color: #e01462; color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; border-radius: 4px; font-weight: 600; transition: all 0.5s;}
.button_2 {display: inline-block; width: max-content; padding: 12px 30px; border: 1px solid #f5b0ca; background-color: #f5b0ca; color: #2f2f2f; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; border-radius: 4px; font-weight: 600; transition: all 0.5s;}
.button_1:hover, .button_2:hover {background-color: #e74885; border: 1px solid #e74885; color: #fff;}

.small_heading {font-size: 16px; color: #555; font-weight: 600;}
.sub_heading {font-size: 14px; text-transform: uppercase; letter-spacing: 1.2px; color: #000; font-weight: 600; line-height: 22px;}
.main_heading {font-size: 27px; color: #2f2f2f; font-weight: 600;}
.num_big {font-size: 24px; font-weight: 700; color: #2196f3; line-height: 28px; text-transform: uppercase;}
.para {font-size: 15px; letter-spacing: 0.2px; line-height: 24px;}

.bread_cumbs {margin: 0; margin-bottom: 8px; padding: 0; list-style: none;}
.bread_cumbs li {display: inline-block;}
.bread_cumbs li a {color: #fff; font-size: 14px; font-weight: 400; display: block;}
.bread_cumbs li:last-child a {color: #ccc;}
.bread_cumbs li a:after {content: '>'; position: relative; top: 1px; margin-left: 4px;}
.bread_cumbs li:last-child a:after {content: ' ';}

.bg_theme_1 {background-color: #f7f7f7 !important;}
.bg_theme_2 {background-color: #fcfaf4 !important;}
.bg_theme_3 {background-color: #e01462 !important;}
.bg_glob {position: relative; z-index: 1;}
.bg_glob:after {content: ""; position: absolute; width: 100%; height: 70%; left: 3%; top: 15%; background-image: url('../images/globee.png'); background-repeat: no-repeat; background-size: contain; z-index: -1; opacity: 0.2;}

.bars {display: none;}

/*.....sticky-navbar.....*/
.sticky {background-color: #fff; box-shadow: 0 3px 16px 0 rgb(0 0 0 / 10%); transition: all 0.5s;}
.sticky + .content {padding-top: 102px;}

/*Header*/
header {background-color: #2f2f2f; position: relative; z-index: 9999;}
header ul {display: flex; align-items: center; grid-gap: 30px;}
header ul li a {display: block; padding: 6px 0; font-size: 13px; color: #fff;}
header ul.header_ul_right {float: right;}
header ul.header_ul_right li {position: relative;}
header ul.header_ul_right li a {text-transform: uppercase; font-size: 13px;}
header ul.header_ul_right li ul {position: absolute; top: 100%; left: 0; border-top: 1px solid #222; background-color: #2f2f2f; z-index: 999; display: block; padding: 5px 0; display: none;}
header ul.header_ul_right li ul li a {padding: 5px 12px;}

header ul.header_ul_right li:hover ul {display: block;}
header ul li a:hover {color: #f5b0ca;}

/*/Nav/*/
nav {position: sticky; top: -1px; z-index: 999; background-color: #fff;}
nav ul {display: flex; align-items: center; justify-content: end; grid-gap: 30px;}
nav ul li {position: relative;}
nav ul li a {display: block; padding: 20px 0; font-size: 14px; font-weight: 600; color: #2f2f2f; transition: all 0.5s;}

nav ul li .sub_menu {list-style: none; padding: 10px 0; border-radius: 5px; overflow: hidden; margin: 0; display: block; background-color: #fff; position: absolute; top: 200%; left: 0; width: max-content; box-shadow: 0 3px 16px 0 rgb(0 0 0 / 10%); visibility: hidden; opacity: 0; transition: all 0.5s;}
nav ul li .sub_menu li {display: block;}
nav ul li .sub_menu li a {display: block; padding: 7px 20px; font-size: 14px; color: #222; background-color: transparent; font-weight: 500; transition: all 0.5s;}
nav ul li:hover .sub_menu {visibility: visible; opacity: 1; top: 100%;}
nav ul li a:hover {color: #e01462;}
nav ul li .sub_menu li a:hover {background-color: #eee; color: #e01462;}

/*Logo*/
.logo {height: 100%; overflow: hidden; display: grid; align-items: center;}
.logo img {height: 45px;}

/*/Banner/*/
.banner_home {height: 550px; width: 100%; overflow: hidden; position: relative;}
.banner_other {height: 200px; width: 100%; overflow: hidden; position: relative;}
.banner_other iframe {width: 100%; height: 100%; object-fit: cover;}
.banner_home .banner {height: 100%; width: 100%; display: -webkit-box; position: relative; left: -100%; transition: all 0.5s;}
.banner_other .banner {height: 100%; width: 100%; display: -webkit-box; position: relative; left: 0%; transition: all 0.5s;}
.banner .banner_img {height: 100%; width: 100%; overflow: hidden; position: relative;}
.banner .banner_img img {height: 100%; width: 100%; object-fit: cover;}
.banner_home .next_prev {position: absolute; right: 30px; bottom: 30px; z-index: 900; display: flex; align-items: center; justify-content: space-between; grid-gap: 5px;}
.banner_home .next_prev span {display: block; font-size: 14px; color: #fff; letter-spacing: 2px; width: 50px; text-align: center;}
.banner_home .bnnrSlide {height: 50px; width: 50px; border-radius: 50%; border: 1px solid #eee; background: #00000021; display: grid; align-items: center; justify-content: center; cursor: pointer; opacity: 0.5; transition: all 0.5s;}
.banner_home .bnnrSlide img {height: 30px;}
.banner_home .bnnrRight:hover {opacity: 0.8;}
.banner_home .bnnrLeft:hover {opacity: 0.8;}

.banner .banner_img .banner_info {position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: grid; align-items: center;}
.banner .banner_img .banner_info h3 {font-size: 30px; color: #fff; font-weight: 800; letter-spacing: 1.5px; text-shadow: 0px 0px 8px #0c0c0c54;}
.banner .banner_img .banner_info p {margin: 0; color: #fff; font-size: 17px; text-shadow: 0px 0px 8px #0c0c0c54;}

/*/About/*/
.about_sec {padding: 70px 0; background-color: #fff;}
/*.delivery_box {height: 250px;}*/
.why_us {list-style: none; margin: 0; padding: 0;}
.why_us li {display: flex; align-items: baseline; grid-gap: 8px; margin-bottom: 15px; -webkit-box-shadow: -1px 3px 20px 0px rgb(82 90 101 / 10%); padding: 15px; border-radius: 5px; box-shadow: -1px 3px 20px 0px rgb(82 90 101 / 10%); font-size: 14px; border-left: 4px solid #e01462;}

.service_process {display: flex; grid-gap: 20px; align-items: center;}
.service_process .service_process_img {width: 280px; height: 200px; overflow: hidden; border: 2px solid #eee;}
.service_process .service_process_img img {width: 100%; height: 100%; object-fit: contain;}
.service_process .service_process_info {width: calc(100% - 300px);}
.service_sec {padding: 25px; border: 1px solid #f5b0ca; border-radius: 12px; height: 100%;}
.service_sec img {height: 70px; margin-bottom: 18px;}
.service_sec h5 {font-size: 18px; margin-bottom: 15px;}

/*/Single product mailout/*/
.spmo_box {box-shadow: 2px 2px 25px 2px rgb(0 0 0 / 5%); border-radius: 4px; background-color: #fff;}
.spmo_box_img {height: 200px; overflow: hidden;}
.spmo_box_img img {height: 100%; width: 100%; object-fit: cover;}
.spmo_box_info {padding: 20px 15px; text-align: center;}
.spmo_box_info h5 {font-weight: 600; font-size: 16px;}
.spmo_box_info p {font-size: 14px; margin-bottom: 15px;}
.spmo_step {padding: 5px 20px; border-radius: 4px; background-color: #f5b0ca; width: max-content; margin-top: -38px; margin-left: auto; margin-right: auto; margin-bottom: 10px; position: relative; z-index: 9;}

/*.hiw_img {width: 100%; height: auto; margin: auto; background-color: #fff;}*/
/*.hiw_img img {box-shadow: 0 3px 16px 0 rgb(0 0 0 / 10%); padding: 10px; border-radius: 10px; height: 100%; width: 100%; object-fit: cover;}*/
.hiw_info {height: 100%; display: grid; align-content: center; margin-bottom: 15px;}

/*/Shipping Calculator/*/
.shippin_from {background-color: #f9f7f0; padding: 35px 25px; border: 2px solid #f5b0ca; border-radius: 15px;}
.shipping_inputs label {font-size: 13px; color: #2f2f2f; margin-bottom: 2px; text-transform: uppercase; letter-spacing: 0.8px;}
.shipping_inputs input, .shipping_inputs select, .select2-container--default .select2-selection--single {width: 100%; height: 50px !important; border-radius: 4px !important; border: 1px solid #f5b0ca !important; padding: 10px !important; font-size: 14px; color: #666; background-color: #fffc !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow {top: 12px !important; right: 5px !important;}

.volume_weight {display: flex; align-items: center; grid-gap: 5px; font-size: 13px; color: #2f2f2f; text-transform: uppercase; letter-spacing: 0.8px; user-select: none; cursor: pointer; width: max-content;}
.volume_weight input {height: 18px; width: 18px;}

.weight_type, .dimension_type {display: flex; width: 100%; align-items: center; background-color: #fff;}
.weight_type span, .dimension_type span {display: grid; width: 50%; height: 52px; font-size: 16px; font-weight: 600; letter-spacing: 1px; color: #222; align-items: center; justify-content: center; border: 1px solid #f5b0ca; border-radius: 4px; cursor: pointer;}
.weight_type span.active, .dimension_type span.active {background-color: #e01462; border: 1px solid #e01462;}

.plus_minus {display: flex; align-items: center; justify-content: space-between; border-radius: 4px; border: 1px solid #f5b0ca; background-color: #fff;}
.plus_minus span {width: 50px; height: 50px; display: grid; align-content: center; justify-content: center; font-size: 16px; font-weight: 600; cursor: pointer; user-select: none;}
.plus_minus input {border: none; width: calc(100% - 100px); text-align: center; font-size: 14px; font-weight: 600;}
.calculate_method {border: 2px solid #f5b0ca; border-radius: 12px;}

.lr_input {display: flex; align-items: center;}
.lr_input .l_input {width:50px; text-align: center; padding: 10px 3px; border-right: none; border-radius: 4px 0 0 4px;}
.lr_input .r_input {border-radius: 0 4px 4px 0;}
.lr_input i {padding: 16px 14px; background-color: #f5b0ca; color: #666;}

/*/Account/*/
.profile_head {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ccc; margin-bottom: 30px;}
.profile_head h5 {padding: 15px 0;}
.profile_head i {display: none;}
.left_menu {}
.menu_list {}
.menu_list ul {list-style: none; margin: 0; padding: 0;}
.menu_list ul li a {padding: 8px 0; display: inline-block; color: #333; font-size: 15px; cursor: pointer;}
.menu_list>ul>li>a {padding: 12px 0;}
.menu_list ul li ul {padding-left: 15px;}
/*.menu_list>ul>li>ul {border-bottom: 1px solid #ccc;}*/
.menu_list ul li ul li a {color: #666; padding: 8px 0}
.menu_list ul li a:hover {color: #000;}
li.active>a {color: #e01462 !important;}

.user_dashboard {height: 100%; border-left: 1px solid #ccc;}
.my_profile {height: 100%;}
.account_type {display: none; height: calc(100% - 83px);}
.edit_profile {display: block;}
.account_type .profile_body, .account_type .profile_head {padding: 0 30px;}
.profile_img {height: 80px; width: 80px; overflow: hidden; margin: auto; margin-bottom: 15px; position: relative;}
.profile_img img {height: 100%; width: 100%; object-fit: cover; border-radius: 50%}
.profile_img .fa-edit {position: absolute; bottom: 0; right: 0; z-index: 99; cursor: pointer;}

.history_wraper {margin-bottom: 10px; background-color: #fff; box-shadow: 0 0 16px rgb(0 0 0 / 8%); border-radius: 2px;}
.order_head {display: flex; flex-wrap: wrap; justify-content: space-between; padding: 15px; border-bottom: 1px solid #ccc;}
.history_wraper h6 {font-size: 14px;}
.order_items {display: flex; flex-wrap: wrap; grid-gap: 15px; justify-content: space-between; padding: 15px;}
.order_items p {margin-bottom: 0; font-size: 15px;}
.order_items p small {display: block; color: #e01462;}

/*/----table---/*/
.responsive_table {width: 100%; overflow-x: auto; border: 1px solid #f5b0ca;}
.responsive_table::-webkit-scrollbar {height:8px;}
.responsive_table::-webkit-scrollbar-track {background: #f5b0ca;}
.responsive_table::-webkit-scrollbar-thumb {background: #e01462; border-radius: 0;}
.responsive_table .table {width: 100%; display: table;}
.responsive_table table {width: 100%; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.responsive_table table tr th {font-size: 14px; width: max-content; white-space: nowrap; border-left: 1px solid #ddd; text-align: center; padding-top: 8px; padding-bottom: 8px; background-color: #fdd5e4;}
.responsive_table table tr td {font-size: 14px; width: max-content; padding-top: 8px; padding-bottom: 8px; border-left: 1px solid #ddd; background-color: #fff;}
.responsive_table table tr:nth-child(odd) td {background-color: #eee;}
.responsive_table table tr td input {min-width: 80px; padding: 2px 8px; border: 1px solid #ddd;}
.responsive_table table tr td .w_150 {width: 150px; max-width: inherit; padding: 2px 8px;}
.responsive_table table tr td .w_200 {width: 200px; max-width: inherit; padding: 2px 8px;}
.responsive_table table tr td input:read-only {pointer-events: none; cursor: context-menu;}
/*.responsive_table table tr td:last-child, .responsive_table table tr th:last-child {position: sticky; right: 0;}*/

/*/Service Table/*/
.service_table {border-top: 1px solid #ddd;}
.service_table .service_flex {display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; background-color: #fff;}
.service_table .service_flex:nth-child(odd) {background-color: #eee;}
.service_table .service_flex div {height: 100%; border-left: 1px solid #ddd; padding: 10px; font-size: 14px; text-align: center; color: #000; display: grid; align-items: center;}
.service_table .service_head div {font-weight: 600;}

/*/Modal/*/
.new_modal {position: fixed; height: 100vh; width: 100%; left: 0; top: 0; overflow: hidden; display: grid; align-items: center; justify-content: center; background-color: #e0146214; z-index: 9999; visibility: hidden;}
.new_modal .modal_content {max-height: 100vh; overflow: hidden; overflow-x: hidden; background-color: #fff; border-radius: 3px; transform: scale(0.2); opacity: 0; transition: all 0.5s;}
.modal_open {visibility: visible;}
.modal_open .modal_content {transform: scale(1.0); opacity: 1;}

.new_modal .mw_auto {width: auto;}
.new_modal .mw_320 {min-width: 320px; max-width: 320px;}
.new_modal .mw_400 {min-width: 320px; max-width: 400px;}
.new_modal .mw_500 {min-width: 320px; max-width: 500px;}
.new_modal .mw_600 {min-width: 320px; max-width: 600px;}
.new_modal .mw_700 {min-width: 320px; max-width: 700px;}
.new_modal .mw_1000 {min-width: 320px; max-width: 1000px;}
.new_modal .w_320 {min-width: 320px; width: 320px;}
.new_modal .w_400 {min-width: 320px; width: 400px;}
.new_modal .w_500 {min-width: 320px; width: 500px;}
.new_modal .w_600 {min-width: 320px; width: 600px;}
.new_modal .w_700 {min-width: 320px; width: 700px;}
.new_modal .w_800 {min-width: 320px; width: 800px;}
.new_modal .w_900 {min-width: 320px; width: 900px;}
.new_modal .w_1000 {min-width: 320px; width: 1000px;}
.new_modal .w_fit {min-width: 320px; width: 100%;}
.new_modal .mh_auto {min-height: 100px; height: auto;}
.new_modal .mh_fit {height: 100vh;}

.new_modal .modal_head {display: flex; align-items: center; justify-content: space-between; height: 50px; background-color: #2f2f2f;}
.new_modal .modal_head h6, .new_modal .modal_head i {padding: 15px; color: #fff;}
.new_modal .modal_head i {cursor: pointer;}
.new_modal .modal_body {max-height: calc(100vh - 100px); min-height: 100px; padding: 20px 15px 25px; overflow-y: auto;}
.new_modal .modal_footer {padding: 5px 15px; height: 50px; background-color: #eee; display: flex; align-items: center; justify-content: end; grid-gap: 5px;}
/*/Modla Ends/*/

/*/Forms/*/
.form_inputs label {font-size: 14px; margin-bottom: 0; color: #666;}
.form_inputs input:not(input[type="checkbox"]), .form_inputs select, .form_inputs textarea {padding: 8px 10px; border: 1px solid #f5b0ca; border-radius: 3px; font-size: 14px; width: 100%;}
.form_inputs .group_inputs {display: flex; align-items: center;}
.form_inputs .group_inputs input {width: calc(100% - 100px)}
.form_inputs .group_inputs button {width: 100px; text-align: center; font-size: 12px; padding: 5px; height: 39px; background-color: green; color: #fff; border: none;}
#loadCaptcha input {text-align: center; background-color: #ecedf6d4; background-image: url(../images/captcha.jpg); background-size: cover; color: #6f6f6f; font-weight: 600; font-size: 18px; user-select: none; font-family: 'Special Elite', cursive;}
.reload_icn {padding: 8px 12px; background-color: #f5b0ca; color: #fff; cursor: pointer; border: 1px solid #f5b0ca;}


/*/Brands/*/
.our_brands {width: 100%; padding-bottom: 0; overflow-x: auto; overflow-y: hidden;}
.brands_scroll {width: 100%; display: -webkit-box; overflow-x: auto; overflow-y: hidden; user-select: none; padding: 0 5px;}
.our_brands::-webkit-scrollbar, .brands_scroll::-webkit-scrollbar {height: 0;}
._drag {cursor: grabbing; cursor: -webkit-grabbing;}
._drag a {pointer-events: none !important;}


.brand_bix {width: calc(100% / 10); padding: 10px;}
.brand_bix .brand {width: 100%; height: auto; overflow: hidden; margin-bottom: 15px; display: block; box-shadow: 0 3px 16px 0 rgb(0 0 0 / 10%); border-radius: 5px;}
.brand_bix .brand img {height: 100%; width: 100%; object-fit: contain;}

/*/Vendor Login & Register/*/
.vendor_box {height: 100vh; width: 100%; background-color: #e1f2fe;}
.vendor_box img {height: 100%; width: 100%; object-fit: contain;}
._vendor_form {height: 100vh; padding: 20px 100px 0; display: grid; align-content: center; justify-content: center; background-image: url('../images/globe.png'); background-repeat: no-repeat; background-size: cover;}

/*/Testimonial/*/
.tstmnl_sec {/*background-image: url('../images/dots.png'); background-repeat: no-repeat; background-size: cover;*/}
.testimonial_slide .says_box {margin: 10px; box-shadow: 0px 0px 16pxrgba(0,0,0,0.08); -webkit-box-shadow: 0px 0px 16px rgb(0 0 0 / 8%); -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.08); -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.08); background: #fff; position: relative; background-image: url('../images/quote.svg'); background-repeat: no-repeat; background-size: 80px; background-position: 92% 92%; position: relative; height: auto;}
.testimonial_slide ._comments {max-height: 180; padding: 20px; padding-bottom: 0; overflow-y: auto;}
.testimonial_slide ._comments p {font-size: 14px; text-align: justify; margin-bottom: 5px;}
.testimonial_slide ._comments a {font-size: 13px; text-align: left; font-style: italic; float: left;}
.testimonial_slide ._user {display: flex; align-items: center; grid-column-gap: 15px; width: 100%; height: 80px; padding: 0 20px; background-image: url('../images/img_triangle.png'); background-repeat: no-repeat; background-size: cover;}

.testimonial_slide .user_img {height: 40px; width: 40px; border-radius: 50%;}
.slick-prev, .slick-next {display: none !important;}

/*/Blog/*/
.blog_img {height: 300px; overflow: hidden;}
.blog_img img {height: 100%;}
.dtbox {background-color: #e01462; padding: 5px; width: 60px; height: 60px; border-radius: 4px; text-align: center;}
.dtbox p {font-size: 24px !important; color: #fff !important; font-weight: 500; margin: 0 !important; position: relative; top: -2px;}
.dtbox small {top: -10px; position: relative; font-size: 80%; color: #fff;}
.habox {width: calc(100% - 60px); display: grid; align-content: center; padding-left: 10px;}
.habox h4 {font-size: 16px; color: #111;}
.habox small {color: #555; margin-top: 3px; font-style: italic; font-size: 90%;}
.event_details {position: relative; font-size: 14px; margin-bottom: 20px;}
.moreLayer {position: absolute; height: 90px; width: 100%; bottom: 20px; background: linear-gradient(180deg, rgb(255 255 255 / 27%) 0%, rgba(255,255,255,1) 76%);}
.height_220 {max-height: 220px; overflow: hidden; margin-bottom: 10px; border-bottom: 5px solid #fff;}
.readMr {color: #e01462 !important;}

/*/Faqs/*/
.faqs_tab {background-color: #fff; margin: 10px 0; box-shadow: 0 3px 16px 0 #0000001a;}
.faq_question {display: flex; align-items: center; justify-content: space-between;}
.faq_question h6, .faq_question i {padding: 13px 20px;}
.faq_answer {padding: 15px 20px 25px; font-size: 14px; border-top: 1px solid #ddd; display: none;}

/*/Tabel/*/
.table_responsive {width: 100%; overflow-x: auto;}
.table_responsive table {width: 100%}
.table_responsive table th, .table_responsive table td {padding: 5px 10px; border: 1px solid #000; text-align: center; font-size: 14px;}
.table_responsive table th {background-color: #94b3d6;}

/*/FOOTER/*/
footer {padding: 70px 0 0; background-color: #eee;}
footer .footer_info h5 {font-size: 18px;}
footer .footer_info h5 small {font-size: 13px; letter-spacing: 2px; text-transform: uppercase;}

.social_media {list-style: none; margin: 0; padding: 0; display: flex; align-items: center; grid-gap: 20px;}
.social_media li a {height: 34px; width: 34px; padding: 5px; font-size: 14px; border: 2px solid #777; border-radius: 1px; display: grid; align-items: center; justify-content: center; color: #777;}
.social_media li a:hover {color: #e01462; border: 2px solid #e01462;}

/*Backgrounds*/
.bg_yll {background-color: #e01462; background-image: url('../images/divider.png'); background-size: cover; background-position: top left;}
.bg_globe {background-image: url('../images/globe.png'); background-repeat: no-repeat; background-position: left bottom; background-size: 26%;}

/*/FONT-SIZE/*/
.fs_10 {font-size: 10px !important;}
.fs_11 {font-size: 11px !important;}
.fs_12 {font-size: 12px !important;}
.fs_13 {font-size: 13px !important;}
.fs_14 {font-size: 14px !important;}
.fs_15 {font-size: 15px !important;}
.fs_16 {font-size: 16px !important;}
.fs_17 {font-size: 17px !important;}
.fs_18 {font-size: 18px !important;}
.fs_20 {font-size: 20px !important;}
.fs_22 {font-size: 22px !important;}
.fs_24 {font-size: 24px !important;}
.fs_26 {font-size: 26px !important;}
.fs_28 {font-size: 28px !important;}
.fs_30 {font-size: 30px !important;}
.fs_32 {font-size: 32px !important;}

#preloader {position: fixed; top: 0; left: 0; right:0; bottom:0; z-index:99999999; display:grid; align-items:center; justify-content:center; background-color:#c0c0c038;}

/*........media-querries........*/
@media only screen and (max-width:991px) {
/*	header ul {grid-gap: 15px;}*/
	header ul li a {font-size: 12px;}
	nav {padding-top: 15px;}
	nav ul {justify-content: space-between; grid-gap: 20px;}
	nav ul li a {padding: 15px 5px;}
	.service_process .service_process_img {width: 150px; height: 100px;}
	.service_process .service_process_info {width: calc(100% - 180px);}
	.brand_bix {width: calc(100% / 8);}
	footer {padding: 40px 0 0;}
}

@media only screen and (max-width:767px) {
	.bars {display: block; height: 100%; font-size: 20px; display: grid; align-items: center; float: right;}
	header {text-align: center;}
	header ul {justify-content: center; float: inherit !important;}
	nav {padding: 12px 0;}
	nav ul.menu {display: block; position: fixed; left: -80%; top: 0; width: 80%; height: 100vh; overflow-y: auto; z-index: 990; background-color: #fcfaf4; padding: 5px 0; transition: all 0.5s;}
	nav ul.menu_open {left: 0;}
	nav ul li .sub_menu {position: relative; opacity: 1; visibility: visible; width: 100%; box-shadow: none;}
	nav ul.menu li:not(nav ul li .sub_menu li) {border-bottom: 1px solid #eee;}
	nav ul.menu li a i {float: right; position:relative; top:3px;}
	nav ul.menu li a {padding: 12px 15px;}
	nav ul.menu li.li_log {background-color: #e01462; width: 50%; display: inline-block; float: left; text-align: center;}
	nav ul.menu li.li_sign {background-color: #f5b0ca; width: 50%; display: inline-block; float: right; text-align: center;}
	.bg_layer {position: fixed; left: 0; top: 0; width: 100%; height: 1005%; background-color: #2f2f2f24; z-index: 990; opacity: 0; visibility: hidden; transition: all 0.5s;}
	.bg_layer_open {opacity: 1; visibility: visible;}

	.about_sec {padding: 50px 0;}
	.brand_bix {width: calc(100% / 6);}
	.rto_xs {transform: rotate(90deg);}
	._vendor_form {padding: 30px 0; height: auto;}
	.profile_head {margin-bottom: 0px;}
	.menu_list ul li a {display: block; padding: 15px;}
	.menu_list ul li ul {padding-bottom: 5px;}
	.menu_list ul li a:not(.menu_list ul li ul li a, .menu_list ul li:first-child a) {border-top: 1px solid #ccc;}

	.profile_seting {display: none;}
	.account_type {position: fixed; right: 0; top: 0; width: 100%; height: 100vh; background-color: #fff; z-index: 9990; overflow-y: auto;}
	.account_type .profile_body {padding: 15px; height: auto !important;}
	.account_type .profile_head {padding: 15px 0;}
	.profile_head h5, .profile_head i {display: block; padding: 15px;}
	
	.li_100{width:100% !important;}
	.li_100 a{color: #fff !important;}
}
  
@media only screen and (max-width:576px) {
	header {padding: 5px 0;}
	header ul {justify-content: space-between; grid-gap: 8px;}
    /*header ul.header_ul_right {grid-gap: 8px;}*/
	header ul.header_ul_right li a {font-size: 11px;}
	.main_heading {font-size: 24px;}
	.banner_home {height: 350px;}
	.banner_other {height: 200px;}
	.banner .banner_img .banner_info h3 {font-size: 25px;}
	.about_sec {padding: 30px 0;}
	.service_process {display: grid; margin-bottom: 20px;}
	.service_process .service_process_img {width: 200px; height: 200px; margin: auto;}
	.service_process .service_process_info {width: 100%;}
	.chng_order .service_process_img {order: 1;}
	.chng_order .service_process_info {order: 2;}
	.brand_bix {width: calc(100% / 4)}
	.service_table .service_head div:first-child {display: none;}
	.service_table .service_flex:nth-child(odd) {background-color: #fff;}
	.service_table .service_head {grid-template-columns: repeat(2, 1fr); position: sticky; top: 70px; z-index: 99;}
	.service_table .service_body {grid-template-columns: repeat(2, 1fr);}
	.service_table .service_body div:first-child {grid-column: span 2; border-bottom: 1px solid #ddd; background-color: #eee; position: sticky; top: 110px;}
}
  
@media only screen and (max-width:424px) {
	.banner_home .bnnrSlide {height: 40px; width: 40px;}
	.banner_home .bnnrSlide img {height: 20px;}
	.banner_home .next_prev {right: 15px; bottom: 15px;}
	.brand_bix {width: calc(100% / 2)}
	.shippin_from {padding: 20px 5px;}
	.banner .banner_img .banner_info h3 {font-size: 18px;}
	.banner .banner_img .banner_info p {font-size: 14px;}
}
  
@media only screen and (max-width:360px) {
	header .col-12 {padding: 0 10px;}
	.banner_home {height: 250px;}
}