/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=League+Gothic&display=swap');
/*@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/poppins-bold.ttf) format('ttf'),
  url(/poppins-bold.woff) format('woff'),
  url(/poppins-bold.woff2) format('woff2'),
  url(/poppins-bold.oft) format('otf'),
  url(/poppins-bold.svg) format('svg'); 
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/poppins-regular.ttf) format('ttf'),
  url(/poppins-regular.woff) format('woff'),
  url(/poppins-regular.woff2) format('woff2'),
  url(/poppins-regular.oft) format('otf'),
  url(/poppins-regular.svg) format('svg'); 
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/poppins-medium.ttf) format('ttf'),
  url(/poppins-medium.woff) format('woff'),
  url(/poppins-medium.woff2) format('woff2'),
  url(/poppins-medium.oft) format('otf'),
  url(/poppins-medium.svg) format('svg'); 
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/poppins-semibold.ttf) format('ttf'),
  url(/poppins-semibold.woff) format('woff'),
  url(/poppins-semibold.woff2) format('woff2'),
  /*url(/poppins-semibold.oft) format('otf'),*/
  /* url(/poppins-semibold.svg) format('svg'); 
}*/

:root {
--primary:#3E98F0;
--secondary:#0E4BC5;
--info:#162530;
--btn-primary: #3E98F0;
--btn-primary-hover: #0E4BC5;
--btn-secondary: #0E4BC5;
--btn-secondary-hover: #3E98F0;
--btn-style-1: #F2F7FF;
--btn-style-1-hover: #3E98F0;
--link-hover: #3E98F0;
--btn-info: #162530;
--text-white: #ffffff;
--text-primary: #162530;
--bg-white: #ffffff;
--text-black: #000000;
--red-color: #FF5151;
--red-light-color: #FFF8F8;
--dark-gray-color1: #162530;
--dark-gray-color2: #4A5568;
--dark-gray-color3: #718096;
--dark-gray-color4: #A0AEC0;
--light-gray-color1: #FAFAFA;
--light-gray-color2: #F7FAFC;
--light-gray-color3: #EDF2F7;
--light-gray-color4: #E2E8F0;
--light-gray-color5: #fafafa;
--color-black: #000000;
--color-white: #ffffff;
--color-light-yellow: #F1FFDC;
--default-font: "IBM Plex Sans", sans-serif;
--allcaps-font: "League Gothic", sans-serif;
--link-transition: 0.3s all ease;
}
/*
.root-style-1:root {
--primary:#8b5cf6;
--secondary:#4f46e5;
--info:#20334D;
--btn-primary: #8b5cf6;
--btn-primary-hover: #a78bfa;
--btn-secondary: #4f46e5;
--btn-secondary-hover: #8b5cf6;
--btn-style-1: #F2F7FF;
--btn-style-1-hover: #8b5cf6;
--btn-info: #20334D;
--text-white: #ffffff;
--text-primary: #2D3748;
--bg-white: #ffffff;
--text-black: #000000;
--red-color: #FF5151;
--red-light-color: #FFF8F8;
--dark-gray-color1: #2D3748;
--dark-gray-color2: #4A5568;
--dark-gray-color3: #718096;
--dark-gray-color4: #A0AEC0;
--light-gray-color1: #FAFAFA;
--light-gray-color2: #F7FAFC;
--light-gray-color3: #EDF2F7;
--light-gray-color4: #E2E8F0;
--light-gray-color5: #fafafa;
--color-black: #000000;
--color-white: #ffffff;
--color-light-yellow: #F1FFDC;
--default-font: 'Poppins', sans-serif;
}

.root-style-2:root {
--primary:#b51fa6;
--secondary:#4f25cc;
--info:#000000;
--btn-primary: #b51fa6;
--btn-primary-hover: #a62e9a;
--btn-secondary: #4f25cc;
--btn-secondary-hover: #4c2bad;
--btn-style-1: #b51fa6;
--btn-style-1-hover: #a62e9a;
--btn-info: #000000;
--text-white: #ffffff;
--text-primary: #4f25cc;
--bg-white: #ffffff;
--text-black: #000000;
--red-color: #FF5151;
--red-light-color: #FFF8F8;
--dark-gray-color1: #2D3748;
--dark-gray-color2: #4A5568;
--dark-gray-color3: #718096;
--dark-gray-color4: #A0AEC0;
--light-gray-color1: #FAFAFA;
--light-gray-color2: #F7FAFC;
--light-gray-color3: #EDF2F7;
--light-gray-color4: #E2E8F0;
--light-gray-color5: #fafafa;
--color-black: #000000;
--color-white: #ffffff;
--color-light-yellow: #F1FFDC;
--default-font: 'Poppins', sans-serif;
}
*/

*{ font-family: var(--default-font);}

/*  @font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('/material-icon.eot') format('embedded-opentype'), 
  url('/material-icon.woff2') format('woff2'), 
  url('/material-icon.woff') format('woff'), 
  url('/material-icon.ttf') format('truetype'), 
  url('/material-icon.svg') format('svg');
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('/material-icon.woff2') format('woff2');
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2') format('woff2');
}

@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  src: url(/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format('woff2');
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}*/
 
  
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: var(--dark-gray-color4) !important; opacity: 1;}
input::-moz-placeholder,textarea::-moz-placeholder { color: var(--dark-gray-color4) !important; opacity: 1;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { color: var(--dark-gray-color4) !important; opacity: 1;}
input:-moz-placeholder,textarea:-moz-placeholder { color: var(--dark-gray-color4) !important; opacity: 1;}
.btn{display: inline-flex; justify-content: center; align-items: center;cursor: pointer;}
hr{border-top-color: var(--dark-gray-color4);}
.text-small{font-size: 14px !important;}
.text-medium{font-size: 18px !important; line-height: 1.7em !important;}
.text-large{font-size: 20px !important;}
.text-x-large{font-size: 22px !important;}
.font-weight-medium{font-weight: 500 !important;}
.w-100{width: 100% !important;}
.btn:focus,.btn::active:focus{outline: none; box-shadow: none;}
.align-top{vertical-align: top !important;}
.align-middle{vertical-align: middle !important;}
.align-bottom{vertical-align: bottom !important;}
#loading{position:fixed; background:var(--btn-primary); width:100%; height:100%; top:0; left:0; right:0; bottom:0; z-index: 99; display:flex; align-items:center; justify-content:center;}
.spinner {position: relative; width: 80px; height: 80px; margin: 0 auto; background-color: var(--color-white); border-radius: 100%;   -webkit-animation: sk-scaleout 1.0s infinite ease-in-out; animation: sk-scaleout 1.0s infinite ease-in-out;}
.button_loader{width: 35px; position: absolute; left: 20px; background: var(--btn-primary);}
.button_loader path{fill: var(--bg-white);}


.dataTables_scrollBody::-webkit-scrollbar { width: 8px; }
.dataTables_scrollBody::-webkit-scrollbar-track { border-radius: 12px; background-color: var(--light-gray-color1); border: 1px solid var(--light-gray-color1); }
.dataTables_scrollBody::-webkit-scrollbar-thumb { border-radius: 12px; background-color: var(--btn-primary); }

.pos-relative{position: relative !important;}
@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% { -webkit-transform: scale(1.0); opacity: 0; }
}

@keyframes sk-scaleout {
  0% {  -webkit-transform: scale(0); transform: scale(0);} 
  100% { -webkit-transform: scale(1.0); transform: scale(1.0); opacity: 0; }
}
#loading > .xrm-attribute{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
svg.cecoLoader {	font-family: var(--allcaps-font);	position: absolute;  font-weight:700;	width: 100%; height: 130px; top:0; bottom:0; margin:auto}
svg.cecoLoader + svg.cecoLoader  { transform:translateY(60px)}
svg.cecoLoader.environment text {  font-size:80px; letter-spacing: 5px;}
svg.cecoLoader text { text-transform: uppercase;animation: stroke 5s infinite alternate;	stroke-width: 2;	stroke: rgba(243,237,227,1);	font-size: 160px;}
@keyframes stroke {
  0%   { fill: var(--info); stroke: rgba(243,237,227,1);	stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 2;	}
  70%  {fill: rgba(135,176,73,0); stroke: rgba(243,237,227,1); }
  80%  {fill: rgba(135,176,73,0); stroke: rgba(243,237,227,1); stroke-width: 3; }
  100% { fill: var(--info); stroke: rgba(243,237,227,0); stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;}
}


/*
@media (-webkit-device-pixel-ratio: 1.25) {
  * {
    zoom: 0.99;
  }

} 

@media (-webkit-device-pixel-ratio: 1.5) {
  *:not(.owl-carousel):not(.login_side_img):not(.owl-carousel div):not(.login_right) {
    zoom: 0.98;
  }
  .container { width: 1400px; max-width: 100%;}
}
@media (-webkit-device-pixel-ratio: 1.75) {
  * {
    zoom: 0.97;
  }
  .container { width: 1300px; max-width: 100%;}
}*/

h1,h2,h3,h4,h5,h6{font-family: var(--default-font);}
h2,.modal h2{font-size: 36px; line-height: 1.5em; color: var(--dark-gray-color1); font-weight: 600; font-family: var(--default-font);}
h4{font-size: 18px; font-weight: 500;}
p{font-size: 16px; font-weight: 400; color: var(--dark-gray-color3); font-family: var(--default-font);}
.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal;  text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased;}
.m-0{margin: 0 !important;}
.mt-0{margin-top: 0 !important;}
.mb-0{margin-bottom: 0 !important;}
.p-0{padding: 0 !important;}
.p-1{padding: 10px !important;}
.p-2{padding: 20px !important;}
.p-3{padding: 30px !important;}
.pb-1{padding-bottom: 10px !important;}
.pb-2{padding-bottom: 20px !important;}
.pb-3{padding-bottom: 30px !important;}
.pt-1{padding-top: 10px !important;}
.pt-2{padding-top: 20px !important;}
.pt-3{padding-top: 30px !important;}

.mb-1{margin-bottom: 10px !important;}
.mb-2{margin-bottom: 20px !important;}
.mb-3{margin-bottom: 30px !important;}
.mt-1{margin-top: 10px !important;}
.mt-2{margin-top: 20px !important;}
.mt-3{margin-top: 30px !important;}
.ml-1{margin-left: 10px !important;}
.ml-2{margin-left: 20px !important;}
.ml-3{margin-left: 30px !important;}
.mr-1{margin-right: 10px !important;}
.mr-2{margin-right: 20px !important;}
.mr-3{margin-right: 30px !important;}
.flex-wrap{flex-wrap: wrap !important;}
.fw-bold{font-weight: bold;}
.d-flex{display: flex !important;}
.d-inline-flex{display: inline-flex !important;}
.align-items-center {align-items: center !important;}
.justify-content-center { justify-content: center!important;}
.justify-content-start { justify-content: start!important;}
.justify-content-end { justify-content: end!important;}
.flex-column{ flex-direction: column !important; }
p, .p, .page_section p, .section-diagonal-left p, .section-diagonal-right p, footer .footer-bottom p{font-family: var(--default-font);}
.modal.fade.in{display: flex !important; align-items: center;}
.horizontal_line{width: 100%; height: 1px; background: var(--dark-gray-color4);}
.border-0{border: none !important;}
.btn{font-weight: 500; font-size: 18px; border-radius: 12px; padding: 14px 38px; border: var(--btn-primary) solid 2px; color: var(--btn-primary); font-family: var(--default-font); text-transform: capitalize; position: relative; transition: var(--link-transition);}
.btn-sm{padding: 10px 28px; font-size: 16px; border-radius: 6px;}
.text-decoration-none{text-decoration: none !important;}
.text-color-1{color: var(--text-primary) !important; transition: var(--link-transition);}
a.text-color-1:hover{color: var(--secondary) !important;}
.btn-primary{background: var(--btn-primary); border-color:var(--btn-primary); color: var(--text-white);}
.btn-secondary{background: var(--btn-secondary); border-color: var(--btn-secondary); color:var(--text-white)}
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active,.btn-secondary:active:focus,.btn-secondary:active:hover{background: var(--btn-secondary-hover); border-color: var(--btn-secondary-hover); color: var(--text-white);}
.btn-primary .material-icons{margin-right: 8px;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary:active:focus,.btn-primary:active:hover{background:var(--btn-primary-hover); border-color:var(--btn-primary-hover); outline: none; box-shadow: none;}
.btn-style-1{background: var(--btn-style-1); border-color:var(--btn-style-1); color: var(--primary);}
.btn-style-1:hover,.btn-style-1:focus,.btn-style-1:active:focus{background: var(--btn-style-1-hover); border-color:var(--btn-style-1-hover); color: var(--text-white); outline: none; box-shadow: none;}
.btn-outline-primary{background: none; border: var(--btn-primary) solid 2px; color:var(--btn-primary);}
.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:active:focus{background: var(--btn-primary); color:white;}
.skip-to-content{display: none; opacity: 0; visibility: hidden;}
.btn .material-symbols-outlined{font-size: 150%; margin-right: 5px; margin-left: -12px;}
.btn .btn_loader{ position: absolute; width: 35px; left: 15px; background: inherit; opacity: 0; visibility: hidden;}
.btn .btn_loader.show{opacity: 1; visibility: visible;}
#getProductDetail .btn .btn_loader{background: var(--bg-white); left: 25px;}
table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after{opacity: 0.6;}
table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:after{opacity: 1;}

.lb_email b,.lb_cmpny b{ white-space: pre-line; word-break: break-word;}

.no-record-alert{font-size: 20px; font-weight: 400;}
.no-record-alert img{width: 150px;}
body{padding-top: 100px;}
body.body-add-sticky{padding-top: 70px;}
.middle_content.comingsoon_sec{text-align: center; padding-bottom: 70px;}
.comingsoon_sec h1{ color: var(--btn-primary); text-transform: uppercase; text-align: center; font-size: 110px; line-height:1.2em; font-weight: 500; letter-spacing: 1px; text-shadow: 5px 8px 4px rgba(0,0,0,.2); margin: 20px auto 50px;}
.comingsoon_sec h1 span{color: var(--btn-secondary);}

.tearmsLoader{width: 100%; height: 100%; background: var(--btn-primary); top: 0; bottom: 0; left: 0; right: 0; z-index: 123; position: fixed; display: inline-flex; align-items: center;
    justify-content: center;}
.tearmsLoader svg.cecoLoader{left: 0; right: 0; margin: auto;}

.toast-custom{width: 320px; height: auto; position: fixed; background: var(--bg-white); color: var(--text-primary); padding: 15px 15px 15px 60px; border-radius: 5px; display: none; box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.53); align-items: center; font-size: 16px; line-height: 1.2em; font-weight: 500;}
.toast-custom > span{width: 50px; color: var(--text-white); font-size: 32px; background: rgba(0,0,0,.1); margin: 0;  display: flex; position: absolute; top: 0; bottom: 0; left: 0; border-radius: 5px 0 0 5px; align-items: center; justify-content: center; }
.toast-custom p{color: inherit; font-size: inherit; margin: 0; font-weight: inherit; display: flex; height: 100%; align-items: center;}
.toast-custom.toast-success{background: var(--btn-primary-hover); color: var(--text-white);}
.toast-custom.toast-danger{background: #DC3545; color: var(--text-white);}
.toast-custom.toast-right-bottom{right: 0; bottom: 30px;}
.toast-custom.toast-center-center{right: 0; left: 0; top: 0; bottom: 0; margin: auto; height: 60px;}
.toast-custom#cart_existing_toast{ height: 110px; width: 600px; max-width: calc(100% - 20px);}
.toast-custom#fnofailFunction{ height: 150px; width: 650px; font-size: 20px; max-width: calc(100% - 20px);}
#toast_existing_close,#fnofailFunction_close{position: absolute; right: 5px; top: 5px; width: 25px; height: 25px; left: initial; background: none; cursor: pointer; font-size: 24px;}

header{ background: var(--bg-white); box-shadow: 0px 4px 24px rgba(163, 163, 163, 0.08); position: fixed; left:0; right: 0; top: 0; z-index: 99; transition: var(--link-transition);}
header .navbar-static-top.navbar-inverse{box-shadow: none; padding: 15px 0;}
header .navbar-static-top.navbar-inverse .navbar-brand{display: flex; align-items: center; height: auto; min-width: 400px;}
header .navbar-static-top.navbar-inverse .navbar-brand img{width: 148px; transition: var(--link-transition);}
header .navbar-static-top.navbar .navbar-nav>li.weblink{padding: 0; }
header .navbar-static-top.navbar .navbar-nav>li.weblink + li.weblink{border-left: var(--dark-gray-color4) solid 1px;}
header .navbar-static-top.navbar .navbar-nav>li.weblink > a{margin: 0; line-height: 1.22em;}
header .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a{font-family: var(--default-font); cursor: pointer; font-size: 18px; font-weight: 500; padding: 5px 15px; margin:0; transition: var(--link-transition);}
header .navbar-static-top.navbar .menu-bar > .navbar-nav > li.active > a,header .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a:hover,header .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a:focus{background: none; color: var(--btn-primary); outline: none; border: none !important;}
/*header .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a[aria-label="Pumps"] { color: var(--dark-gray-color4) !important;}*/
/*header .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a.pumps-menu{color: var(--dark-gray-color4);}*/
header .navbar-inverse .navbar-nav > .open > a{background:none; color: #505254;} 
header .nav .dropdown .dropdown-menu{background: #fff; box-shadow: 0 11px 30px 5px rgba(0,0,0,.15); border: none; padding: 0;}
header .nav .dropdown .dropdown-menu li a{border: none; background-color: #ffffff; color: var(--btn-primary) ; padding: 10px 15px; font-weight: 500; font-size: 14px; margin: 0;}
header .nav .dropdown.open .dropdown-menu li a{color:var(--btn-primary) }
header .nav .dropdown .dropdown-menu li a:hover,header .nav .dropdown .dropdown-menu li a:focus{border: none; background: var(--btn-primary-hover) !important; color: #fff !important; }

header .navbar-right{padding-top: 0;}
header .navbar-static-top.navbar .navbar-collapse{display: inline-flex !important; margin: auto;}
header .navbar > .container{display: flex; align-items: center;}
header .header_right{ width: 400px; max-width: 100%;margin-right: 0; margin-left: auto; display: inline-flex; align-items: center; justify-content: flex-end;}
header .header_right .notification_icon,header .header_right .head_cart_icon{width: 56px; height: 56px; border-radius: 100%; position: relative; cursor: pointer; border: var(--dark-gray-color4) solid 1px; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; color: inherit; transition: var(--link-transition);}
header .header_right .notification_icon span,header .header_right .head_cart_icon span{font-size: 30px;} 
header .header_right .head_cart_icon .count,header .header_right .notification_icon .count{background: var(--red-color); color: var(--text-white); font-size: 12px; min-width: 22px; height: 22px; border-radius: 100%;
    align-items: center; justify-content: center; display: inline-flex; position: absolute; right: -5px; top: 0;}
header .header_right .notification_icon:hover,header .header_right .notification_icon:focus,header .header_right .head_cart_icon:hover,header .header_right .head_cart_icon:focus{background: var(--btn-primary-hover); border-color: var(--btn-primary-hover); color: var(--text-white);}
header .notification_box,header .head_cart_box{margin-left: 15px;}
header .header_right .username,header .header_right .nav-item.header_signin > a{font-family: var(--default-font); cursor: pointer; font-size: 18px; font-weight: 500;
max-width: 210px;  line-height: 1.1em; max-height: 40px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;}
header .header_right .dropdown-menu{width: 250px; padding: 15px; margin: 0; border: none; border-radius: 0 0 12px 12px; top: calc(100% + 30px); box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.13);}
header .header_right .nav-item.header_signin > a:hover,header .header_right .nav-item.header_signin > a:focus{text-decoration: none; color: var(--color-black);}
header .header_right .profile_menu > a{color:var(--dark-gray-color1); text-decoration: none; display: inline-flex; align-items: center;}
header .header_right .profile_menu > a:hover,header .header_right .profile_menu > a:focus{color: var(--btn-secondary-hover);}
header .header_right .profile_menu > a .material-symbols-outlined{margin-left: 5px; transition: var(--link-transition);}
header .header_right .profile_menu.open > a .material-symbols-outlined{transform: rotate(180deg);}
header .header_right .dropdown-menu>li>a{margin-left: 0; border: none; padding: 12px; font-size: 18px; font-weight: 500; font-family: var(--default-font); transition: var(--link-transition);}
header .header_right .dropdown-menu>li:last-child>a{border-top: var(--dark-gray-color4) solid 1px;}
header .header_right .dropdown-menu>li>a:hover,header .header_right .dropdown-menu>li>a:focus{padding: 12px; background: var(--light-gray-color5); color: var(--btn-secondary-hover); outline: none; box-shadow: none; border: none; border-radius: 6px;}
header .header_right .dropdown-menu>li:last-child>a:hover,header .header_right .dropdown-menu>li:last-child>a:focus{border-top: var(--text-white) solid 1px;}

header.sticky-header {position: fixed; width: 100%; padding: 0; left: 0; right: 0; top: 0; background: #fff; z-index: 99; box-shadow: 0 0 15px rgba(0,0,0,.2);}
header.sticky-header .navbar-static-top.navbar-inverse{padding: 3px 0;}
header.sticky-header .navbar-static-top.navbar-inverse .navbar-brand img { width: 120px;}
header.sticky-header .header_right .notification_icon, header.sticky-header .header_right .head_cart_icon{width: 46px; height: 46px;}
header.sticky-header .header_right .notification_icon .material-symbols-outlined, header.sticky-header .header_right .head_cart_icon .material-symbols-outlined { font-size: 24px;}

.hero_slider .hero_slider_bg{width:100%; display: flex; height:600px; background: url('/hero-img-1.jpg'); background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important;}
.hero_slider .container{display: flex; flex-wrap: wrap;}
.hero_slider .hero_detail{ display: flex; flex-wrap: wrap;  padding:30px; font-family: var(--default-font); background: rgba(0, 0, 0, 0.20); backdrop-filter: blur(12px); width: 55%; margin: auto 0; border-radius: 35px 0 35px 0;}
.hero_slider .hero_detail h1,.hero_slider .hero_detail p{color:#ffffff; font-family: var(--default-font);}
.hero_slider .hero_detail h1{font-size:50px; font-weight:600; line-height:1em; margin-top:10px}
.hero_slider .hero_detail p{font-size:20px; font-weight:500; line-height:1.3em;}
.hero_slider .play_box{margin:auto 16% auto auto}
.hero_slider .play_box img{cursor: pointer; transition: var(--link-transition);}
.hero_slider .play_box img:hover{transform: scale(0.90,0.90);}
  
#video_modal_popup .close{position: absolute; z-index: 999; right: 0; top: 0; width: 40px; height: 40px; background: #fff; opacity: 1; border-radius: 0;}
#video_modal_popup .modal-body{padding: 0;}
#video_modal_popup .modal-content{border: none;}

.breadcrumb li:first-child a{margin-left: 0; padding-left: 0;}

#home_category_list li.stylish_checkbox label{padding-left: 0; position: relative; font-size: 18px; text-align: center; margin-top: 10px; color: var(--btn-primary); font-weight: 600; transition: var(--link-transition);}
#home_category_list li.stylish_checkbox a:hover label {color: var(--info)}

#terms_and_condition h3{ font-weight: 600; color: var(--btn-primary); margin: 25px 0 15px 0; line-height: 1.4em;} 
#terms_and_condition h4{color: var(--btn-secondary); margin: 20px 0 10px; font-weight: 600;}
#terms_and_condition ul{list-style: none; padding: 0; margin: 15px 0;}
#terms_and_condition ul li{ font-family: var(--default-font); font-size: 16px; font-weight: 400; color: var(--dark-gray-color3); margin-bottom: 10px; position: relative; padding-left: 25px;}
#terms_and_condition ul li:before{content: '\e061'; font-family: 'Material Symbols Outlined'; top:2px; font-weight: 600; height: auto; line-height: 1em; font-size: 18px; color: var(--btn-primary-hover); position: absolute; left: 0;}
#terms_and_condition ul li a,#terms_and_condition p a{color: var(--btn-secondary);}
#terms_and_condition ul li a:hover,#terms_and_condition p a:hover{color: var(--text-primary);}
#terms_and_condition p b,#terms_and_condition ul li b{color: var(--dark-gray-color2);}
#terms_and_condition ul.no-list-style li{padding-left: 0;}
#terms_and_condition ul.no-list-style li a{margin-left: 0;}
#terms_and_condition ul.no-list-style li::before{display: none;}

.stylish_checkbox{margin: 20px 0;}
.stylish_checkbox input{opacity: 0; visibility: hidden; position: absolute;}
.stylish_checkbox label{padding-left: 30px; position: relative;}
.stylish_checkbox input[type='checkbox'] + label:not(.error):before{content: ''; border: rgba(0, 0, 0, 0.54) solid 2px;}
.stylish_checkbox input[type='checkbox'] + label:not(.error):after{content: ''; }
.stylish_checkbox input[type='checkbox'] + label:not(.error):before,.tab-pane .panel_box .stylish_checkbox input[type='checkbox'] + label:not(.error):after{content:''; width:20px; height:20px; position: absolute; left:0; top:0; display: flex; align-items: center; justify-content: center;}
.stylish_checkbox input[type='checkbox']:checked + label:not(.error):before{content: ''; background: var(--btn-primary);border-color: var(--btn-primary);}
.stylish_checkbox input[type='checkbox']:checked + label:not(.error):before{content: '\e876'; font-family:'Material Symbols Outlined'; color: #fff; }
.stylish_checkbox input[type='checkbox'] + label.error + label:before{content: ''; border: rgba(0, 0, 0, 0.54) solid 2px;}
.stylish_checkbox input[type='checkbox'] + label.error + label:after{content: ''; }
.stylish_checkbox input[type='checkbox'] + label.error + label:before,.tab-pane .panel_box .stylish_checkbox input[type='checkbox'] + label.error + label:after{content:''; width:20px; height:20px; position: absolute; left:0; top:0; display: flex; align-items: center; justify-content: center;}
.stylish_checkbox input[type='checkbox']:checked + label.error + label:before{content: ''; background: var(--red-color);border-color: var(--red-color);}
.stylish_checkbox input[type='checkbox']:checked + label.error + label:before{content: '\e876'; font-family: 'Material Symbols Outlined'; color: #fff; }

.stylish_checkbox input[type='radio'] + label:not(.error):before{content: ''; border: rgba(0, 0, 0, 0.54) solid 2px;}
.stylish_checkbox input[type='radio'] + label:not(.error):after{content: ''; }
.stylish_checkbox input[type='radio'] + label:not(.error):before,.tab-pane .panel_box .stylish_checkbox input[type='radio'] + label:not(.error):after{content:''; width:20px; height:20px; position: absolute; left:0; top:0; display: flex; align-items: center; justify-content: center;}
.stylish_checkbox input[type='radio']:checked + label:not(.error):before{content: ''; background: var(--red-color);border-color: var(--red-color);}
.stylish_checkbox input[type='radio']:checked + label:not(.error):before{content: '\e876'; font-family: 'Material Symbols Outlined'; color: #fff; }
.stylish_checkbox input[type='radio'] + label.error + label:before{content: ''; border: rgba(0, 0, 0, 0.54) solid 2px;}
.stylish_checkbox input[type='radio'] + label.error + label:after{content: ''; }
.stylish_checkbox input[type='radio'] + label.error + label:before,.tab-pane .panel_box .stylish_checkbox input[type='radio'] + label.error + label:after{content:''; width:20px; height:20px; position: absolute; left:0; top:0; display: flex; align-items: center; justify-content: center;}
.stylish_checkbox input[type='radio']:checked + label.error + label:before{content: ''; background: var(--red-color);border-color: var(--red-color);}
.stylish_checkbox input[type='radio']:checked + label.error + label:before{content: '\e876'; font-family: 'Material Symbols Outlined'; color: #fff; }

.toastNotification_azure {position: fixed; bottom: 0; right: 0; left: 0; top: 0; margin: auto; width: 450px; height: 60px; font-size: 16px; text-align: center; background: var(--red-color); color: var(--text-white); z-index: 99; box-shadow: 0 0 15px rgba(0,0,0,.05); display: none;}

#company_acc_info > .xrm-editable-html {width: 100%;}

/*.checkbox{position: relative;}
.checkbox input[type='checkbox']{opacity: 0; visibility: hidden; position: absolute;}
.checkbox input[type='checkbox']:checked + input + .xrm-editable-text::before{content: ''; width:15px; height:15px; border: #ddd solid 2px;}*/
.form-group textarea.form-control{height: auto;}
.form-group label.error, .form-control-cell label.field-label.error { color: var(--red-color); font-size: 14px; font-weight: 500;}
.form-group label,.form-control-cell label.field-label{color: var(--dark-gray-color2); font-family: var(--default-font); font-size: 18px; font-weight: 500; padding-bottom: 7px; margin-bottom: 0;}
.form-group .form-control,.form-control-cell .control input{ border:var(--dark-gray-color4) solid 1px; border-radius:12px; padding:14px 16px 14px 53px; height:58px; box-shadow:none; font-weight:400; font-size: 18px; line-height: 20px;color: var(--dark-gray-color2); outline:none;}
.form-group textarea.form-control,.form-control-cell .control textarea{height: auto;}
.form-group .form-control:focus,.form-control-cell .control input:focus { border-color: var(--btn-secondary); box-shadow: 0 0 15px rgba(0,0,0,.1);}
.form-group .icon_wrap{width:100%; display: flex; position: relative;}
.form-group .material-symbols-outlined{position: absolute; font-size: 30px; color: var(--dark-gray-color4); display: flex; align-items: center; justify-content: center; top:0; left:10px; bottom: 0; margin: auto;}
.no-input-icon .form-control,.no-input-icon .control input{padding-left: 16px; background-image: none; border-radius: 6px; height: 54px;}
input[type="date"].form-control{background: url('/calendar-icon.svg') no-repeat right 10px center / 25px; position: relative;}
input[type="date"]::-webkit-calendar-picker-indicator { background: transparent; bottom: 0; color: transparent; cursor: pointer; height: auto; left: 0; position: absolute; right: 0; top: 0; width: auto;}
select.form-control{cursor: pointer;}
#change_acc_detail_modal .modal-dialog{width: 564px; max-width: 100%;}
.modal .modal-xl{width: 1200px; max-width: 100%;}
.modal .modal-content{border-radius: 12px; border: none; box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.13);}
.modal .modal-header{ display: flex; align-items: center; flex-wrap: wrap; background: var(--btn-secondary); border: none; border-radius: 12px 12px 0 0; padding: 30px;}
#terms_condition_modal .modal-header{padding: 10px 30px;}
.modal .modal-header .modal-title{font-size: 24px; font-weight: 500; color: var(--text-white);}
.modal .modal-header .close,.modal .modal-body .close{ width: 48px; height: 48px; border: var(--text-white) solid 1px; text-decoration: none;color: var(--text-white); opacity: 1;  border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; margin-right: 0; margin-left: auto; transition: var(--link-transition);}
.modal .modal-header .close span,.modal .modal-body .close span{font-size: 30px;}
.modal .modal-header .close:hover,.modal .modal-header .close:focus,.modal .modal-body .close:hover,.modal .modal-body .close:focus{ background: var(--bg-white); opacity: 1; color: var(--btn-secondary);}
.modal .modal-body{padding: 30px;}
.modal .modal-body .btn{padding: 14px 30px;}
.modal .modal-body .btn-sm { padding: 10px 20px; font-size: 16px; border-radius: 6px;}
.modal .modal-body .modal-title{font-size: 24px; font-weight: 500; color: var(--text-white); background: var(--btn-secondary); border: none; border-radius: 12px; padding: 15px 25px; line-height: 1.55em; margin-bottom: 30px;}
.modal .modal-body .form-control:disabled { background: #fafafa !important; border-color: var(--text-white);}

#terms_condition_modal #terms_and_condition{ max-height: calc(100vh - 150px); overflow: auto;}
#terms_condition_modal .modal-body .table-title{margin: 0 0 20px 0;}
#terms_condition_modal .modal-body p{color: var(--dark-gray-color3); line-height: 1.5em;}
#terms_condition_modal .modal-body p a{color: var(--btn-secondary);}

#order_generation{width:100%; height:100%; position:fixed; top:0; right:0; bottom:0; left:0; z-index:99999;  background: var(--btn-primary);  display: none; justify-content: center; align-items: center; flex-direction: column; color: #fff; font-size: 24px; font-weight: 500; letter-spacing: 1px; font-family: var(--default-font);}

#address_modal .modal-dialog{width: 1446px; max-width: calc(100% - 30px);}
#address_modal .btn{margin-top: 10px; min-width: 150px;}
#address_modal .modal-header {background: none; padding: 0;}
#address_modal .modal-header button.close{  position: absolute; right: 50px; top: 50px; width: 35px; height: 35px; font-size: 20px; z-index: 1;}
#address_modal .modal-header button.close span{font-size: 22px;}
#ProfileFormView{border: none; box-shadow: none;}

.portal_access_sec{ display: flex; flex-wrap: wrap; padding: 0 15px; min-height: 100vh;}
.portal_access_sec .portal_access_left{width: 56.5%; display: inline-flex;} 
.portal_access_sec .portal_access_right{width: 43.5%; display: inline-flex; flex-wrap: wrap; padding: 20px 60px 20px 40px; height: calc(100vh - 0px); overflow: auto;}
.portal_access_sec .portal_access_right .ceco_environment_box{width: 100%; display: inline-flex; justify-content: center; align-items: center; margin: auto auto 0;}
.portal_access_sec .portal_access_right .ceco_environment_box img{width: 250px;}
.portal_access_sec .portal_access_right .ceco_environment_box.request-box{margin-bottom: 1rem}
.portal_access_sec .portal_access_left .owl-carousel{height:100%}
.portal_access_sec .portal_access_left .owl-carousel .owl-stage,.portal_access_sec .portal_access_left .owl-carousel .owl-item{min-height:calc(100vh - 20px);}
.portal_access_sec .portal_access_left .owl-carousel .owl-item > div { min-height: calc(100vh - 20px); display:flex;  background-size: cover !important;  background-position: center !important;}
.portal_access_sec .portal_access_left .owl-carousel .owl-stage-outer{border-radius:0 64px 0 64px}
.portal_access_sec .portal_access_cover{width: calc(100% - 20px); height: calc(100% - 20px); background: url('/request-access-image.jpg') no-repeat center/ cover; margin: auto auto auto 0; border-radius: 0 64px 0 64px;}
.portal_access_sec .portal_access_right h2{font-size: 36px; font-weight: 600; text-align: center; color: var(--dark-gray-color1); font-family: var(--default-font); margin-bottom: 10px; margin-top: 0;}
.portal_access_sec .portal_access_right p{text-align: center; border-bottom: #D9D9D9 solid 1px; padding-bottom: 15px; margin-bottom: 15px;}
.portal_access_sec .portal_access_right .portal_access_form{margin-top: 0; margin-bottom: auto;}
.portal_access_sec .portal_access_right textarea{height: 116px; resize: none;}
.portal_access_sec .portal_access_right .textarea_icon .material-symbols-outlined{top:15px; bottom: initial;}
.portal_access_sec .portal_access_right .field_icon{position: absolute; font-size: 30px; color: var(--dark-gray-color4); display: flex; align-items: center; justify-content: center; top:0; left:15px; bottom: 0; margin: auto;}
.portal_access_sec .portal_access_right .textarea_icon .field_icon{top:15px; bottom: initial; resize: none;}
.portal_access_sec .portal_access_right .info_note{display: inline-block; position: relative; cursor: pointer;}
.portal_access_sec .portal_access_right .info_note .info_dtail{background: var(--color-black); color: #fff; padding: 10px 10px; border-radius: 5px; position: absolute; width: 266px; font-size: 16px;left: -122px; top: 30px; z-index: 1; text-align: center; opacity: 0; visibility: hidden; transform: translate(0px, 10px); transition: var(--link-transition);}
.portal_access_sec .portal_access_right .info_note .info_dtail:before { content: '';  width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent;
  border-bottom: 8px solid var(--color-black); position: absolute; top: -8px; left: 0; right: 0; margin: auto;}
.portal_access_sec .portal_access_right .info_note:hover .info_dtail{opacity: 1; visibility: visible; transform: translate(0, 0);}
.portal_access_sec .portal_access_right label.error{color: var(--red-color); font-size: 12px; position: absolute; bottom: -17px; padding: 0; margin: 0; left: 15px; background: var(--text-white);}
.captcha_field{display: flex; flex-wrap: wrap; align-items: center;}
.captcha_field #textInput{ width: calc(100% - 500px); padding-left: 14px; display: inline-flex; margin-right: 20px;}
.captcha_field #backBtn{margin-left: 10px;}
.captcha_field #btnGetCaptcha{display: inline-flex;}

.search_filter{display: flex; flex-wrap: wrap; position: relative;}
.my_order_sec .search_filter{position: absolute; right: 20px; top: 65px; z-index: 1; display: none;}
.search_filter .search_title{color:var(--dark-gray-color2); width: 100%; margin: 15px 0; padding: 0;}
.search_filter input{background: url('/search-icon.svg') no-repeat center left 20px;}
.search_filter .search_field.form-control{width: calc(100% - 225px);}
.search_filter .btn{min-width: 200px; margin-left: auto; margin-right: 0; display: inline-flex; align-items: center; justify-content: center; padding: 12px 20px;}
.search_filter .btn + .btn{margin-left: 15px;}
.search_filter .material-symbols-outlined{position: relative; left: 0; margin: 0; color: inherit;}

.filter_popup{ width: 796px;  background: #FFFFFF; border: 1px solid #A0AEC0; box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.13); border-radius: 12px; position: absolute; right: 0; top: 108px; z-index: 12; transform: translateY(50px); opacity: 0; visibility: hidden; transition: var(--link-transition);}
.filter_popup.opned{opacity: 1; visibility: visible; transform: translateY(0);}
.filter_popup .filter_header{background: var(--btn-secondary); width: 100%; display: inline-flex; padding: 10px 30px; border-radius: 12px 12px 0 0;}
.filter_popup .filter_header .filter_title{font-size: 24px; font-weight: 600; color: var(--text-white);}
.filter_popup .filter_body{padding: 30px;}
.filter_popup .filter_body .btn{min-width: 118px; margin-top: 15px;}
.filter_popup .filter_body .form-control{border-radius: 6px; height: 54px;}
.filter_popup .filter_body .form-group label,.filter_popup .filter_body .form-control-cell label.field-label{font-size: 16px; font-weight: 400;}
#delivery_address_modal tbody tr{cursor: pointer;}
.dataTable tr td input[type="radio"],.modal input[type="radio"]{appearance: none; -webkit-appearance: none; border-radius: 50%; background: #ffffff; border: 3px solid #FFF; box-shadow: 0 0 0 2px #454F5B; width: 18px; height: 18px; outline: none; cursor: pointer; transition: var(--link-transition);}
.modal input[type="radio"]{width: 17px; height: 17px;}
.dataTable tr td input[type="radio"]:checked,.modal input[type="radio"]:checked{ background: #454F5B;}

.dataTable tr td input[type="checkbox"],.modal input[type="checkbox"]{appearance: none; -webkit-appearance: none; border-radius: 50%; background: #ffffff; border: 3px solid #FFF; box-shadow: 0 0 0 2px #454F5B; width: 18px; height: 18px; outline: none; cursor: pointer; transition: var(--link-transition);}
.modal input[type="radio"]{width: 17px; height: 17px;}
.dataTable tr td input[type="checkbox"]:checked,.modal input[type="checkbox"]:checked{ background: #454F5B;}

.dataTables_wrapper{max-width: 100%; overflow: auto;}
.dataTable tbody tr{transition: var(--link-transition);}
.dataTable tbody tr.selected_tr{background: var(--light-gray-color1);}
#request_portal_modal .modal-dialog{ width: 600px; max-width: 100%}
#request_portal_modal .modal-content{background: var(--color-white); border: none; box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.13); border-radius: 12px;}
#request_portal_modal .success_mail_icon{border: rgba(169, 218, 94, 0.08) solid 50px; width: 200px; height: 200px; border-radius: 100%; align-items: center; justify-content: center; display: flex; background: rgba(169, 218, 94, 0.52); position:relative; margin: 0 auto 60px} 
#request_portal_modal .success_mail_icon:before{content:''; width:250px; height:250px; border-radius:100%; position:absolute; background: rgba(169, 218, 94, 0.08);}
#request_portal_modal .modal-body{text-align: center; padding: 100px 15px 70px;} 
#request_portal_modal .modal-body .close{ border: 1px solid var(--dark-gray-color4); text-decoration: none; width: 48px; height: 48px; border-radius: 100%; font-size: 18px; color: var(--dark-gray-color1); display: inline-flex; align-content: center; align-items: center; justify-content: center; position: absolute; right: 25px; top: 25px;}
#request_portal_modal .modal-body .close{width: 48px; height: 48px; border-radius: 100%; border: var(--dark-gray-color4) solid 1px; opacity: 1; transition: var(--link-transition);}
#request_portal_modal .modal-body .close i{font-size: 18px; color: var(--text-primary); text-shadow: none;}
#request_portal_modal .modal-body .close:hover,#request_portal_modal .modal-body .close:focus{background: var(--secondary); border-color: var(--secondary);}
#request_portal_modal .modal-body .close:hover i,#request_portal_modal .modal-body .close:focus i{color: var(--bg-white); text-shadow: none;}

.profile-info{background: #f5f5f5;}
.delivery_address_div{max-width: 100%;}
.azure_login{height: 100vh; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.azure_login form{width: 600px; height: 500px; max-width: 100%; background: var(--light-gray-color5); border: var(--dark-gray-color4) solid 1px; display: flex; align-items: center; justify-content: center; margin: auto; border-radius: 24px; padding: 40px;}
.azure_login .ceco_logo{width: 398px; max-width: 100%; height: 200px; margin: auto auto 85px; background: var(--bg-white); border-radius: 12px; display: flex; align-items: center; justify-content: center;}
.azure_login .ceco_logo img{width:317px; max-width: 100%;}
.azure_login .form-horizontal{display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%;}
.azure_login .form-horizontal .btn{width: 100%;}

.search_filter #clearFilter span{margin-right: 5px; font-size: 140%;}
.search_filter #clearFilter{padding-left: 10px; padding-right: 10px; min-width: 170px; margin-bottom: -40px;}

.middle_content{background: #fff; box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.13); min-height: 200px; border-radius: 12px; padding: 30px; margin-top: -170px; margin-bottom: 100px;}
.tab-style-1 .nav-tabs>li.active>a,.tab-style-1 .nav-tabs>li.active>a:hover,.tab-style-1 .nav-tabs>li.active>a:focus,.tab-style-1 .nav-tabs>li>a:hover{border:none; background: transparent;}
.tab-style-1 .nav-tabs>li.active>a::after{content: ''; width: 100%; height: 4px; border-radius: 12px; background: var(--primary); position: absolute; left: 0; bottom: 0;}
.tab-style-1 .nav-tabs {border-bottom:var(--dark-gray-color4) solid 1px;}
.tab-style-1 .nav-tabs>li>a{margin-left: 0; padding: 13px 40px; border: none; font-size: 24px; font-weight: 500; text-decoration: none; font-family: var(--default-font); color: var(--dark-gray-color2);}
.tab-style-1 .nav-tabs>li.active>a{color: var(--primary);}
.tab-style-1 .panel-body { padding: 30px 0;}

.card{border: var(--dark-gray-color4) solid 1px; border-radius: 6px;}
.card .card-header{background: var(--btn-secondary); border-radius: 5px 5px 0 0; padding: 18px 15px; color: var(--text-white);}
.card .card-header .card-title{font-size: 18px; font-weight: 500; font-family: var(--default-font); line-height: 1.3em; color: var(--text-white); margin: 0;}
.card .card-body{padding: 15px; min-height: 90px; color: var(--dark-gray-color1); font-size: 18px; font-weight: 400;}
.card .card-body p{color: inherit; font-size: inherit; font-weight: inherit; white-space: pre-line; word-break: break-word;}
.card .card-footer{padding: 15px; border-radius: 0 0 5px 5px;}
.card + .card{margin-top: 25px;}

.home_sec{padding: 100px 0;}
.home_shop_cate.middle_content{margin: 0 auto; padding-top: 30px; padding-bottom: 30px;}

.company-acc-info label{width:100%; font-weight: 400; font-size: 16px; line-height: 1.5em; color: var(--dark-gray-color3);}
.company-acc-info b{font-size: 18px; font-weight: 500; color: var(--dark-gray-color1); white-space: pre-line; word-break: break-word;}

.tab-style-1 h3,.table-title{font-size: 28px; font-family: var(--default-font); color: var(--dark-gray-color1); font-weight: 500; margin-bottom: 20px;}
.table-title .notifi{background: var(--red-color); border-radius: 100%; font-size: 14px; display: inline-flex; align-items: center; line-height: 1em; justify-content: center; margin-left: 10px; min-width: 35px; min-height: 35px; color: var(--text-white);}
table.v-align-middle tbody td,table.v-align-middle thead th{vertical-align: middle;}
table.table thead tr th{background: var(--btn-primary-hover); color: var(--text-white); padding: 20px 10px; border: none; font-size: 18px; font-family: var(--default-font); font-weight: 500;}
table.table thead tr th:first-child{border-radius: 12px 0 0 12px;}
table.table thead tr th:last-child{border-radius: 0 12px 12px 0;}
table.table thead tr th.hide_sorting:before,table.table thead tr th.hide_sorting:after{display: none;}
table.table thead tr th.hide_sorting{pointer-events: none;}
table.table tbody tr td{border-top: none; border-bottom: var(--dark-gray-color4) solid 1px; padding: 28px 10px; font-size: 18px; font-family: var(--default-font);}
table.table.no-border tbody tr td{border: none;}
table.table thead tr th.th_action_btn {padding-left: 0 !important; padding-right: 0 !important;}
table tbody tr td.so_description p{text-overflow: ellipsis; overflow: hidden; width: 450px; padding-right: 75px; position: relative; white-space: nowrap; color: inherit; display: inline-block; font-size: inherit; margin-bottom: 0;}
table tbody tr td.so_description p:after { content: 'Read more'; display: inline-block; position: absolute; right: 0; font-size: 75%; margin-top: 2px; color: var(--btn-primary-hover); text-decoration: underline;}

.dataTables_wrapper .dataTables_length select{ border-radius: 6px; padding: 8px 10px; margin: 0 5px; font-weight: 500; font-size: 18px; font-family: var(--default-font);}
.dataTables_wrapper .dataTables_length select:focus{outline: none;}
.dataTables_wrapper .dataTables_filter input{ border-radius: 6px; padding: 5px 10px; border: var(--dark-gray-color4) solid 1px; color: var(--dark-gray-color2); margin: 0 5px; height: 43px; font-weight: 500; font-size: 18px; font-family: var(--default-font); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.dataTables_wrapper .dataTables_filter input:focus{outline: none; border-color: var(--btn-secondary); box-shadow: 0 0 15px rgba(0,0,0,.1);}
.dataTables_wrapper .dataTables_filter label{font-weight: 600;}
.dataTables_wrapper .dataTable .action_dropdown {width: auto; cursor: pointer; display: inline-flex; align-items: center; position: relative;  color: var(--text-black); font-size: 14px; font-weight: 500; transition: var(--link-transition);}
.dataTables_wrapper .dataTable .action_dropdown > .material-symbols-outlined{font-size: 36px;}
.dataTables_wrapper .dataTable .action_dropdown:hover,.dataTables_wrapper .dataTable .action_dropdown:focus{color: var(--btn-secondary);}
.dataTables_wrapper .dataTable .action_dropdown ul{width: 130px; padding: 5px; z-index: 123; border-radius: 3px; list-style: none; position: absolute; right: 0; background: var(--btn-primary); font-size: 14px; top: 35px; visibility: hidden; opacity: 0; box-shadow: 0px 14px 45px rgba(0, 0, 0, 0.23); transform: translateY(20px); transition: var(--link-transition);}
.dataTables_wrapper .dataTable .action_dropdown ul li{display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; color: var(--color-white); border-radius: 3px; transition: var(--link-transition);}
.dataTables_wrapper .dataTable .action_dropdown ul li + li {border-top: rgba(265,265,265,.2) solid 1px;}
.dataTables_wrapper .dataTable .action_dropdown ul li:hover{background: var(--btn-secondary); border-color: var(--btn-secondary);}
.dataTables_wrapper .dataTable .action_dropdown ul li a{width: 100%; padding: 5px 10px !important; margin: 0; text-align: right; font-size: 18px;}
/*.dataTables_wrapper .dataTable .action_dropdown ul li a:hover{color: var(--btn-secondary);}*/
.dataTables_wrapper .dataTable .action_dropdown ul.open_action{opacity: 1; visibility: visible; transform: translateY(0);}
body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {opacity: 0.3;}

table.dataTable thead > tr > th.sorting::after, table.dataTable thead > tr > th.sorting_asc::after, table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > th.sorting_asc_disabled::after, table.dataTable thead > tr > th.sorting_desc_disabled::after, table.dataTable thead > tr > td.sorting::after, table.dataTable thead > tr > td.sorting_asc::after, table.dataTable thead > tr > td.sorting_desc::after, table.dataTable thead > tr > td.sorting_asc_disabled::after, table.dataTable thead > tr > td.sorting_desc_disabled::after {
  top: 50%; content: "\f1e3"; font-size: 1em; font-family: 'Material Symbols Outlined'; right:0;}
table.dataTable thead > tr > th.sorting::before, table.dataTable thead > tr > th.sorting_asc::before, table.dataTable thead > tr > th.sorting_desc::before, table.dataTable thead > tr > th.sorting_asc_disabled::before, table.dataTable thead > tr > th.sorting_desc_disabled::before, table.dataTable thead > tr > td.sorting::before, table.dataTable thead > tr > td.sorting_asc::before, table.dataTable thead > tr > td.sorting_desc::before, table.dataTable thead > tr > td.sorting_asc_disabled::before, table.dataTable thead > tr > td.sorting_desc_disabled::before {
  bottom: 50%; content: "\f1e0"; right: 18px; font-size: 1em; font-family: 'Material Symbols Outlined'; right:5px}

#delivery_address_datatable tbody td.action{width: 160px; text-align: center;}
#delivery_address_datatable tbody td.action a{cursor: pointer;}
#delivery_address_datatable tbody td.street{ max-width: 250px; white-space: pre-line; word-break: break-all;}
#delivery_address_datatable tbody td .customerid{position: absolute; opacity: 0; visibility: hidden; left: 0; width: 0;}
#delivery_address_modal{min-height: 200px;}
#delivery_address_modal_wrapper #delivery_address_modal_filter,#my_order_filter{ width: 100%; float: none; text-align: left;}
#my_order_filter{width: calc(100% - 220px); display: none;}
#delivery_address_modal_wrapper #delivery_address_modal_filter label,#my_order_filter label{width: 100%; color: var(--dark-gray-color2); font-weight: 500; font-size: 18px;}
#delivery_address_modal_wrapper #delivery_address_modal_filter label input,#my_order_filter label input{ width: 100%; background: url(/search-icon.svg) no-repeat center left 20px; border-radius: 12px; margin: 10px 0; font-size: 18px; font-weight: 400; padding: 10px 20px 10px 53px; height: 58px; border-color: var(--dark-gray-color4); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
#delivery_address_modal_wrapper #delivery_address_modal_filter label input:focus,#my_order_filter label input:focus{ border-color: var(--btn-secondary); box-shadow: 0 0 15px rgba(0,0,0,.1);}

#my_order tbody td a,#my_invoice tbody td a{color: inherit; text-decoration: none; padding-top: 28px; padding-bottom: 28px; display: block; transition: var(--link-transition);}
#my_order tbody td > a:hover,#my_invoice tbody td > a:hover{color: var(--link-hover);}
footer .foot_ul li a[href*=javascript]{pointer-events: none;}
table#my_order  tbody tr td,table#my_invoice  tbody tr td{padding-top: 0; padding-bottom: 0;}
.myorder_filter{width: 50px; height: 50px; font-size: 26px; position: fixed; right: 10px; bottom: 20px; background: var(--btn-primary); border-radius: 100%; color: var(--text-white); align-items: center; justify-content: center; display: none; box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.43);}
.myorder_filter span { color: inherit; font-size: inherit;}
.myorder_filter:hover, .myorder_filter:focus {background: var(--btn-primary-hover); color: var(--text-white);}

#cart_detail_table thead tr th{font-weight: 400;}
#cart_detail_table tbody tr td{font-weight: 500; vertical-align: middle;}
#cart_detail_table tbody tr td h4{font-size: 18px; font-weight: 500; text-transform: uppercase; color: var(--dark-gray-color1); margin: 0 0 10px 0;}
#cart_detail_table tbody tr td p{ font-size: 14px; font-weight: 400; line-height: 1.5em; color: var(--text-primary); white-space: initial;}
#cart_detail_table tbody tr td.td_desc{width: 30%;}
#cart_detail_table tbody tr td .delete_record{ width: 56px; height: 56px; border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; color: var(--red-color); background: var(--red-light-color); cursor: pointer; transition: var(--link-transition);}
#cart_detail_table tbody tr td .delete_record:hover{background: var(--red-color); color: var(--text-white); transform: rotate(360deg);}
#cart_detail_table tbody tr td .table_th,table.table tbody tr td .table_th{ margin-bottom: 10px; margin-right: 10px; font-weight: 600; font-size: 16px; color: var(--btn-primary);display: none;}

.cart_right_side{padding: 25px;}
.cart_right_side .sub_total{width: 100%; display: inline-flex; align-items: center; border-bottom: var(--dark-gray-color4) solid 1px; padding: 0 0 20px 0; margin-bottom: 30px;}
.cart_right_side .sub_total h5,.cart_right_side .sub_total .price{font-size: 24px; font-weight: 500; color:var(--text-primary); margin: 0;}
.cart_right_side .sub_total .price{margin-right: 0; margin-left: auto;}
.cart_right_side .form-group label,.cart_right_side .form-group .form-control{font-size: 16px;}
.cart_right_side .form-group textarea.form-control{height: 108px; resize: none;}
.cart_right_side .btn{ margin:0 0 25px; }
.cart_right_side .selected_delivery_address{background: var(--light-gray-color5); color: var(--dark-gray-color2); border-radius: 12px; padding: 15px 10px; font-size: 16px; font-weight: 400;}
.cart_right_side .cart_note_list{ padding: 15px 0 0 20px; margin:0;}
.cart_right_side .cart_note_list li{font-size: 16px; font-weight: 400;}
.cart_right_side .form-group label.error{color: var(--red-color); font-size: 12px; padding: 0; margin: 0; left: 15px;}

.order_summary_heading{background: var(--btn-primary-hover); color: var(--text-white); padding: 20px; border-radius: 6px; font-size: 18px; font-weight: 500; width: 100%; display: inline-flex; align-items: center; margin-bottom: 25px;}
.order_summary_heading .order_num b,.order_summary_heading .process_status b{font-weight: 600;}
.order_summary_heading .order_num{padding-right: 30px; border-right: var(--text-white) solid 2px; margin-right: 30px; }

#change_address_modal .modal-dialog{width: 1214px; max-width: 100%;}
#change_address_modal table.table tbody tr td{padding: 25px 10px; position: relative; z-index: 1;}
#change_address_modal table.table thead{border-bottom: #fff solid 10px;}
#change_address_modal table.table thead tr,#change_address_modal table.table tbody tr{position: relative;}
#change_address_modal table.table thead tr:before{opacity: 0; visibility: hidden;}
#change_address_modal table.table thead tr:before,#change_address_modal table.table tbody tr:before{content: ''; background: var(--light-gray-color5); border: 1px solid var(--dark-gray-color4); z-index: 0; width: 100%; position: absolute;
    height: 95%; border-radius: 12px; margin: auto; top: 0; bottom: 0; opacity: 0; visibility: hidden; transition: var(--link-transition);}
#change_address_modal table.table tbody tr:hover:before{content:''; opacity: 1; visibility: visible;}
#change_address_modal .modal-dialog .modal-body .close{ margin-top: -15px; margin-bottom: -15px; margin-right: -15px; color: var(--btn-secondary); position: relative; z-index: 12;}

#so_notification tr{transition: var(--link-transition);}
#so_notification tr.check_false{cursor: pointer; }
#so_notification tr.check_true{ opacity: 0.6; transition: var(--link-transition);}
#so_notification tr:hover{background:var(--light-gray-color2); }
#so_notification tr.check_true img.checked{filter: grayscale(1);}
#so_notification tr td .check_true .unchecked,#so_notification tr td .check_false .checked{display: none; color: var(--dark-gray-color4);}
#so_notification tr td .check_ .checked{display: none;}
#so_notification tr td .check_false .unchecked{cursor: pointer;}
#so_notification tr th.so_sales_order,#so_notification tr td.so_sales_order{min-width: 150px;}

.form-group .load_icon:hover {color: var(--btn-primary)}

#Detail_so_notification .modal-body h4{color: var(--dark-gray-color1); font-weight: 600;}
#Detail_so_notification .modal-body #order_date{ position: absolute; right: 15px; top: 5px; z-index: 1; text-transform: uppercase; font-weight: 500; background: var(--btn-style-1); padding: 7px 10px; margin-right: 0; margin-left: auto; float: right; border-radius: 5px; border: var(--dark-gray-color4)solid 1px;}

#thankyou_order_modal .modal-body{ text-align: center;}
#thankyou_order_modal .modal-body figure{margin-bottom: 65px;}
#thankyou_order_modal .confirm_no{color: var(--text-primary); font-weight: 500;}
.shadow_animation {transform: scale(1); border-radius: 100%; box-shadow: 0 0 0 0 rgba(169, 218, 94, 0.0); animation: pulse-black 2s infinite; }
.warning_shadow_animation {transform: scale(1); border-radius: 100%; box-shadow: 0 0 0 0 #FFF8F8; animation: pulse-red 2s infinite; }
#orderSummaryInfo b{ white-space: pre-line; max-width: 100%; overflow: hidden; display: inline-flex; }

.switch { position: relative; display: block; vertical-align: top; width: 80px; height: 40px; padding: 3px; margin: 0 10px 10px 0; border-radius: 40px; cursor: pointer;	box-sizing:content-box;}
.switch-input {	position: absolute;	top: 0;	left: 0;	opacity: 0;	box-sizing:content-box;}
.switch-label {	position: relative;	display: block;	height: inherit;	font-size: 10px;	text-transform: uppercase;
	background: #eceeef;	border-radius: inherit;	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
	box-sizing:content-box;}
.switch-label:before, .switch-label:after {
	position: absolute;	top: 50%;	margin-top: -.5em;	line-height: 1;	-webkit-transition: inherit;	-moz-transition: inherit;
	-o-transition: inherit;	transition: inherit;	box-sizing:content-box;}
.switch-label:before {content: attr(data-off); right: 11px;	color: #aaaaaa;	text-shadow: 0 1px rgba(255, 255, 255, 0.5);}
.switch-label:after {	content: attr(data-on);	left: 11px;	color: #FFFFFF;	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 0;}
.switch-input:checked ~ .switch-label {	background: var(--btn-primary);}
.switch-input:checked ~ .switch-label:before { opacity: 0;}
.switch-input:checked ~ .switch-label:after {	opacity: 1;}
.switch-handle {	position: absolute;	top: 5px;	left: 4px;	width: 35px;	height: 35px;	background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
	background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);	border-radius: 100%;}
.switch-handle:before {	content: "";	position: absolute;	top: 50%;	left: 50%;	margin: -6px 0 0 -6px;
	width: 12px;	height: 12px;	background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
	border-radius: 6px;	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);}
.switch-input:checked ~ .switch-handle {	left: 47px;}
.switch-label, .switch-handle { 	transition: var(--link-transition);	-webkit-transition: var(--link-transition);	-moz-transition: var(--link-transition);
	-o-transition: var(--link-transition);}

@keyframes pulse-black {
  0% {  transform: scale(0.95);  box-shadow: 0 0 0 0 rgba(169, 218, 94, 0.04);
  }
  70% {
    transform: scale(1); box-shadow: 0 0 0 24px rgba(169, 218, 94, 0.08);
  }
  100% {
    transform: scale(0.95); box-shadow: 0 0 0 0 rgba(169, 218, 94, 0.04);
  }
}
@keyframes pulse-red {
  0% {
    transform: scale(0.95);  box-shadow: 0 0 0 0 #FFF8F8;
  }
  70% {
    transform: scale(1);  box-shadow: 0 0 0 24px #FFF8F8;
  }
  100% {
    transform: scale(0.95);  box-shadow: 0 0 0 0 #FFF8F8;
  }
}

body .dataTables_wrapper .dataTables_paginate span a.paginate_button.current,body .dataTables_wrapper .dataTables_paginate span a.paginate_button.current:hover,body .dataTables_wrapper .dataTables_paginate span a.paginate_button:hover{background: var(--btn-primary); border: none; color: var(--text-white) !important; border-radius: 100%; width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center;}
body .dataTables_wrapper .dataTables_paginate span a.paginate_button:focus,body .dataTables_wrapper .dataTables_paginate span a.paginate_button:active{outline: none; box-shadow: none;}
body .dataTables_wrapper .dataTables_paginate span a.paginate_button{width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; background: none; border: none; color: var(--text-black); font-weight: 500; font-size: 18px; border-radius: 100%; font-family: var(--default-font); transition: var(--link-transition);}
body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous,body .dataTables_wrapper .dataTables_paginate a.paginate_button.next{font-size: 18px; font-weight: 500; width: 48px; height: 48px; border: var(--dark-gray-color4) solid 1px !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 100%; transition: var(--link-transition);}
body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous{margin-right: 15px;}
body .dataTables_wrapper .dataTables_paginate a.paginate_button.next{margin-left: 15px;}

body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous:hover,body .dataTables_wrapper .dataTables_paginate a.paginate_button.next:hover{background: var(--btn-primary); color: var(--text-white); border: var(--btn-primary) !important;}
body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous > span,body .dataTables_wrapper .dataTables_paginate a.paginate_button.next > span{display: inline-flex; align-items: center; justify-content: center; color: var(--dark-gray-color2);}
body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous:hover > span,body .dataTables_wrapper .dataTables_paginate a.paginate_button.next:hover > span{color: var(--text-white);}
body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous:hover:not(.disabled),body .dataTables_wrapper .dataTables_paginate a.paginate_button.next:hover:not(.disabled),body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous:focus:not(.disabled),body .dataTables_wrapper .dataTables_paginate a.paginate_button.next:focus:not(.disabled){border-color: var(--btn-primary) !important; outline: none; background: var(--btn-primary); box-shadow: none;}
.dataTables_wrapper .dataTables_paginate,.dataTables_wrapper .dataTables_info{margin-top: 15px;}
.dataTables_wrapper .dataTables_paginate{display: inline-flex; align-items: center;}
table.dataTable.no-footer{border: none;}
.dataTables_filter + table.dataTable.no-footer,.dataTables_length + table.dataTable.no-footer{ padding-top: 10px; }
#comp_acc_datatable tbody td p{max-width:80%}
/* filter-area */
.filter-area{display: flex; gap: 20px; flex-wrap: wrap; align-items: flex-end; position: relative}
.filter-area .form-group{position: relative;}
.filter-area #Brand i{ position: absolute; right: 11px; bottom: 16px; top: initial; font-size: 20px;}
.filter-area .search{ background: url('/search-icon.svg') no-repeat 16px center; background-size: 20px; position: relative;}
.filter-area .search:before{content: '\e8b6'; font-family: 'Material Symbols Outlined'; font-size: 26px; position: absolute; left: 10px; top: 0; bottom: 0; display: flex; align-items: center; color:var(--dark-gray-color4)}
.filter-area .search .form-control{padding-left: 48px; background: none;}
.filter-area select.form-control{padding-left: 15px;}
.filter-area .search .form-control:focus{-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);}
.filter-area .form-group{margin-bottom: 0; width: calc(100% / 8 - 20px);}
.filter-area .form-group.width-position-one{width:calc(100% / 7 - 20px);}
.filter-area.three_field_col .form-group.width-position-one{width:calc(100% / 3 - 20px);}
.filter-area .filter-icon{position: absolute; right: 5px; top: 0; bottom: 0; cursor: pointer;}
.filter-area .filter-icon:hover > span{color: var(--btn-primary-hover);}
.filter-area #Brand > span{right: 3px; left: auto;bottom: 2px;height: 55px; top: initial; background: #fff; border-radius: 12px;}
.filter-area .form-group .common-btn{padding: 15px; width: 100%;}
.filter-area #ApplyFilters,.filter-area #ClearFilters{width: 48%; padding: 14px 15px;}
.filter-area #ClearFilters .material-symbols-outlined{margin: 0 5px 0 0; left: 0; color: var(--text-white); position: relative; font-size: 140%;}
.filter-area #ClearFilters{margin-left: 1%;}

.search_tag{background: var(--light-gray-color1); border-radius: 6px; font-size: 18px; font-weight: 500; display: inline-flex; padding: 10px 15px; align-items: center; margin: 5px 10px 10px 0;}
.search_tag > span{display: inline-flex; margin-left: 10px; cursor: pointer;}

.filter_box{border-radius: 12px; border: var(--dark-gray-color4) solid 1px; background: var(--light-gray-color5); padding: 25px; margin-bottom: 25px;}
.filter_box .filter_head{background: var(--btn-secondary); color: var(--text-white); padding: 16px 25px; font-size: 22px; font-weight: 500; display: flex; align-items: center; margin:-25px -25px 10px; border-radius: 10px;}
.filter_box .filter_head .filter_toggle_btn{width: 40px; height: 40px; min-width: 40px; min-height: 40px; border: var(--text-white) solid 1px; display: inline-flex; align-items: center; justify-content: center; border-radius: 100%; margin-right: 0; margin-left: auto;}
.filter_box .filter_head .filter_toggle_btn:before{content:'\e15b'; font-size: 24px; font-family: 'Material Symbols Outlined'; }
.filter_box .filter_head.closed .filter_toggle_btn:before{content: '\e145';}
.filter_box .filter_body { width: 100%; display: flex; flex-wrap: wrap;}
.filter_box .filter_body ul{list-style: none; padding: 0; margin: 0; width: 100%;}
.filter_box .filter_body ul li{margin-bottom: 10px;}
.filter_box .stylish_checkbox input[type='checkbox'] + label{margin-bottom: 0; font-size: 18px; font-weight: normal; color: var(--dark-gray-color2); cursor: pointer;}
.filter_box .stylish_checkbox input[type='checkbox'] + label:not(.error):before,
.filter_box .stylish_checkbox input[type='checkbox'] + label:not(.error):after{border-radius: 4px; border-width: 1px; border-color: var(--dark-gray-color4); top: 2px;}
.filter_box .stylish_checkbox input[type='checkbox']:checked + label:before{content: ''; background: var(--btn-primary); border-color: var(--btn-primary);}
.filter_box .stylish_checkbox input[type='checkbox']:checked + label:before{content: '\e876'; font-family: 'Material Symbols Outlined'; color: #fff; }

.filter_box .stylish_checkbox input[type='radio'] + label{margin-bottom: 0; font-size: 18px; font-weight: normal; color: var(--dark-gray-color2);}
.filter_box .stylish_checkbox input[type='radio'] + label:not(.error):before,
.filter_box .stylish_checkbox input[type='radio'] + label:not(.error):after{border-radius: 4px; border-width: 1px; border-color: var(--dark-gray-color4); top: 2px;}
.filter_box .stylish_checkbox input[type='radio']:checked + label:before{content: ''; background: var(--btn-primary); border-color: var(--btn-primary);}
.filter_box .stylish_checkbox input[type='radio']:checked + label:before{content: '\e876'; font-family: 'Material Symbols Outlined'; color: #fff; }


.product_side_icon{display: none; opacity: 0; visibility: hidden; width: 60px; height: 60px; position: fixed; right: 10px; bottom: 20px; background: var(--btn-primary); border-radius: 100%; color: var(--text-white); align-items: center; justify-content: center; box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.43); font-size: 32px; transform: scale(0.2,0.2); z-index: 999; transition: var(--link-transition); }
.product_side_icon span{color: inherit; font-size: inherit;}
.product_side_icon:hover,.product_side_icon:focus{ background: var(--btn-primary-hover); color: var(--text-white);}
.body-add-sticky .product_side_icon{opacity: 1; visibility: visible; transform: scale(1,1);}

.product_list .product_grid{padding: 20px 0; margin:20px 0 0; list-style: none; border-top: var(--dark-gray-color4) solid 1px;}
.product_list .product_grid li{background:var(--light-gray-color5); padding: 15px; border-radius: 12px; display: flex; flex-wrap: wrap; margin-bottom: 50px; position: relative;}
.product_list .product_grid li.no-record-alert{font-size: 16px; justify-content: center; align-items: center; color: var(--dark-gray-color3);}
.product_list .product_grid li a { display: flex; width: 100%; flex-wrap: wrap; align-items: flex-start; text-decoration: none; color: var(--text-primary); position: relative; margin-left: 0;}
/*.product_list .product_grid li figure a:after{content: 'Image coming soon'; width: 100%; padding: 0 13%; background: var(--bg-white); text-transform: uppercase; font-weight: 600; opacity: 0; 
color: var(--btn-secondary-hover); font-size: 20px; position: absolute; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; left: 0; right: 0; margin: auto;}*/
.product_list .product_grid li:after{content: ''; width: 100%; height: 1px; background: var(--dark-gray-color4); position: absolute; bottom: -25px; left: 0; right: 0;}
.product_list .product_grid li figure{width: 200px; min-height: 200px; display: inline-flex; z-index: 1;}
.product_list .product_grid li figure img { max-width: 100%; /*border: solid 1px var(--dark-gray-color3);*/ border:none; height: 200px; object-fit: contain; position: relative; z-index: 1; background: var(--bg-white);}
.product_list .product_grid li .product_desc{width: calc(100% - 425px); display: inline-flex; padding: 0 23px; flex-wrap: wrap; align-items: flex-start;}
.product_list .product_grid li .product_desc h4{color: var(--text-primary); width: 100%;}
.product_list label.brandName { background: var(--secondary); color: var(--text-white); border-radius: 0; padding: 3px 10px; z-index: 1; position: absolute; left: 16px; font-weight: 500;}
.product_list .product_grid li .product_desc p{width: 100%;}
.product_list .product_grid li .product_desc h4 a{margin: 0; text-decoration: none; color: inherit;}
.product_list .product_grid li .product_desc .price_check_box{width: 100%; display: none; flex-wrap: wrap; align-items: center;}
.product_list .product_grid li .product_desc .product_price,.product_list .product_grid li .product_desc .price_availability_check{font-size: 18px; font-weight: 600; color: var(--primary); margin-right: 15px;}
.product_list .product_grid li .product_desc .price_availability_check:hover{color: var(--btn-primary-hover);}
.product_list .product_grid li .product_desc .price_availability_check{ cursor: pointer; transition: var(--link-transition);}
.product_list .product_grid li .product_desc .price_availability_check:hover {color: var(--info)}
.product_list .product_grid li .product_desc .price_availability_check.disabled_price{cursor: not-allowed; pointer-events: none; color: var(--dark-gray-color4);}
.product_list .product_grid li .product_desc .product_note{padding-top: 1px; font-size: 18px; font-weight: 500; border-left: var(--dark-gray-color4) solid 2px; padding-left: 10px;}
.add_cart_box{width: 225px; display: inline-flex; flex-wrap: wrap; align-items: center; flex-direction: column; justify-content: center;}
.add_cart_box .quantity{position: relative; display: inline-flex; margin-right: 0; margin-left: auto; margin-bottom: 10px;}
.add_cart_box .quantity input{width: 123px; height: 48px; text-align: center; border-radius: 6px; background: var(--bg-white); border: var(--dark-gray-color4) solid 1px;}
.add_cart_box .quantity input:focus{outline: none; box-shadow: none;}
.add_cart_box .quantity button{background: none; border: none; outline: none; color: var(--text-primary); position: absolute; height: 100%; width: auto; display: flex; align-items: center; padding: 0 7px; cursor: pointer;transition: var(--link-transition);}
.add_cart_box .quantity button:hover{color:var(--primary)}
.add_cart_box .quantity .minus{left: 0;}
.add_cart_box .quantity .plus{right: 0;}
.add-to-cart{margin-right: 0; margin-left: auto; margin-top: 10px;}
.product_list .pagination>li>a, .pagination>li>span{border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; font-weight: 500; font-size: 18px; transition: var(--link-transition);}
.product_list .pagination>.active>a,.product_list .pagination>.active>a:focus,.product_list .pagination>.active>a:hover { background-color: var(--btn-primary)!important;}
.product_list .pagination>li#previous-page>a,.product_list .pagination>li#next-page>a{font-size: 18px; font-weight: 500; width: 48px; height: 48px; border: var(--dark-gray-color4) solid 1px !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 100%; transition: var(--link-transition);}
.product_list .pagination>li:not(.disabled)>a:hover{ border-color: var(--btn-primary) !important; outline: none; background: var(--btn-primary); box-shadow: none; color: var(--text-white);}
.product_list .pagination li:not(.active) a{color: var(--text-black);}

.product_detail .brand_box{background: var(--btn-secondary); padding: 8px 20px; border-radius: 6px; font-size: 20px; font-weight: 400; display: inline-flex; margin: auto 0 auto auto; color: var(--text-white);}
.product_detail .brand_box label{font-weight: 600; margin-left: 7px;}
.product_detail figure{background:var(--light-gray-color5); padding: 24px; border-radius: 12px; position: relative; display: flex; align-items: center;}
.product_detail figure::before{ content: 'Image coming soon'; width: 100%; height: 100%;  padding: 0 13%; text-transform: uppercase; font-weight: 600; color: var(--btn-secondary-hover); font-size: 40px; position: absolute; display: flex; align-items: center;  justify-content: center; text-align: center; left: 0; right: 0; top:0; bottom: 0; margin: auto;}
.product_detail figure img{ max-width: 100%; position: relative; object-fit: contain; background: var(--bg-white);}
.product_detail .product_title{max-width: calc(100% - 230px); display: inline-flex; margin: 0;}
.product_detail .brand_box{margin-right: 0; margin-left: auto; margin-top: 0;}
.product_detail .product_info_detail{width:100%; display: flex; flex-wrap: wrap; list-style: none; padding: 20px 0 0; margin: 0;}
.product_detail .product_info_detail li{width: calc(50% - 15px); display: inline-flex; align-items: flex-start; font-size: 20px; font-weight: 400; margin: 10px 0;}
.product_detail .product_info_detail li:nth-child(even){ margin-left: 30px;}
.product_detail .product_info_detail li label,.product_detail .product_info_detail li h6{font-size: inherit; font-weight: 400; margin: 0; line-height: 1.1em;}
.product_detail .product_info_detail li label{min-width: fit-content;}
.product_detail .product_info_detail li h6{font-weight: 600; padding-left: 10px; white-space: pre-line; word-break: break-word;}
.product_detail .product_information{min-height: 180px;}
.product_detail .product_information h4{font-size: 24px; font-weight: 500; border-bottom: var(--dark-gray-color4) solid 1px; color: var(--dark-gray-color1); padding: 15px 0;}
.product_detail .product_information p{font-size: 18px; font-weight: 400; color: var(--text-primary); line-height: 1.65em;}
.product_detail .add_cart_box .quantity{margin: 0 20px 0 0;}
.product_detail .add_cart_box{width:100%; justify-content: initial; flex-direction: initial; margin-top: 20px; margin-bottom: 25px;}
.product_detail .add_cart_box .btn{ padding: 12px 35px; }
.product_detail .add_cart_box .btn .material-symbols-outlined { font-size: 180%; margin-right: 5px; margin-left: -7px; }
.product_detail .add_cart_box .add-to-cart{margin: 0;}
.product_detail .add_cart_box .quantity input{ font-size: 18px; font-weight: 500;}
.product_detail .add_cart_box .quantity .minus { left: 10px;}
.product_detail .add_cart_box .quantity .plus { right: 10px;}
.product_detail .product_price_show ul{list-style: none; padding: 0; margin: 30px 0 0;}
.product_detail .product_price_show ul li{ font-weight: 500; font-size: 24px; color: var(--text-primary); display: inline-flex;}
.product_detail .product_price_show ul li#lead_time{display: none;}
.product_detail .product_price_show ul li + li{border-left: var(--dark-gray-color4) solid 2px; padding-left: 20px; margin-left: 20px;}
.product_detail .product_price_show ul li .qty{margin-left: 10px;}
.product_detail .product_price_show ul li.price_color{color: var(--primary);}

.custom-section{ background: #fff; box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.13); border-radius: 12px; padding: 20px; margin-top: -100px;}

.page-copy .page-heading { padding: 40px 0 210px 0; background: var(--btn-primary); color: var(--text-white); margin-bottom: 0;}
.page-copy .page-heading h1{font-size: 36px; line-height: 1.5em; font-family: var(--default-font); font-weight: 600; color: var(--info); margin: 0 0 12px 0; padding: 0;}
.page-copy .breadcrumb{ width: 100%; margin-bottom: 0; padding: 0;}
.page-copy .breadcrumb > li a,.page-copy .breadcrumb > li.active{font-size:18px; color:var(--text-white); font-weight:500; text-decoration: none;}
.page-copy .breadcrumb>li+li:before{color: var(--text-white);}
.page-copy .breadcrumb > li a:hover,.page-copy .breadcrumb > li a:focus { color: var(--btn-primary-hover);}

.home_shop_cate .shop_cat_list{width: 100%; display: flex; flex-wrap: wrap; background: var(--bg-white);}
.home_shop_cate h2{color: var(--text-primary); font-size: 28px; font-weight: 500; font-family: var(--default-font); padding: 0 0 20px; margin: 0 0 20px 0; border-bottom: var(--dark-gray-color4) solid 1px;}
.home_shop_cate .shop_cat_list{list-style: none; padding: 0; margin: 0 -10px;}
.home_shop_cate .shop_cat_list li{margin: 20px 10px 0; width: calc(25% - 20px);}
.home_shop_cate .shop_cat_list li a{text-decoration: none; margin: 0; display: flex; flex-wrap: wrap; height: 100%; flex-direction: column;}
.home_shop_cate .shop_cat_list li figure{width:100%; border:var(--dark-gray-color4) solid 1px; position: relative; text-align: center; border-radius: 6px; flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; transition: var(--link-transition);}
.home_shop_cate .shop_cat_list li figure::after{content: 'Image coming soon'; width: 100%; padding: 0 13%; background: var(--bg-white); text-transform: uppercase; font-weight: 600;  color: var(--btn-secondary-hover); font-size: 20px; border-radius: 5px; position: absolute; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; left: 0; right: 0; margin: auto;}
.home_shop_cate .shop_cat_list li h4{font-size: 18px; font-weight: 500; color: var(--text-primary); text-align: center;}
.home_shop_cate .shop_cat_list li img{ max-width: 100%; border-radius: 8px; position: relative; z-index: 11;}
.home_shop_cate .shop_cat_list li:hover figure{box-shadow:0px 4px 35px rgba(108, 108, 108, 0.13);}

.cart_sidebar{width: 500px; max-width: calc(100% - 20px); height: 100%; position: fixed; z-index: 99999; background: var(--bg-white); top: 0; right: -550px; transition: var(--link-transition);}
.cart_sidebar.opened{right: 0;}
.cart_sidebar > div,.cart_sidebar > div > div{display: flex; flex-wrap: wrap; width: 100%; height: 100%;}
.cart_sidebar .cart_head{background:var(--btn-secondary); width: 100%; position: relative;}
.cart_sidebar .cart_head h3{font-size: 24px; font-weight: 600; font-family: var(--default-font); color: var(--text-white); margin: 0; padding: 28px 15px; text-align: center;}
.cart_sidebar .cart_head .close{opacity: 1; position: absolute; right: 20px; top: 0; bottom: 0; display: flex; align-items: center; color: var(--text-white);}
.cart_sidebar .cart_body{ display: flex; flex-wrap: wrap; width: 100%; height: calc(100% - 337px);}
.cart_sidebar .cart_body ul{height: 100%; width: 100%; overflow: auto;}
.cart_sidebar .cart_body ul{list-style: none; padding: 30px; margin: 0;}
.cart_sidebar .cart_body ul li{width: 100%; font-family: var(--default-font); color: var(--dark-gray-color1); font-size: 18px; font-weight: 500; display: inline-flex; flex-wrap: wrap; margin-bottom: 25px;}
.cart_sidebar .cart_body ul li + li{ border-top: var(--dark-gray-color4) solid 1px;  padding-top: 25px;}
.cart_sidebar .cart_body ul li h5{width:100%; color: var(--text-primary); font-size: 18px; font-weight: 500; line-height: 1.7em; margin: 0; padding: 0;}
.cart_sidebar .cart_body ul li .price{width:100%; font-size: 22px; font-family: var(--default-font); font-weight: 600; color: var(--primary);}
.cart_sidebar .cart_body ul li .product_img{width: 160px; height: 160px; position: relative; border: var(--dark-gray-color4) solid 1px; border-radius: 6px; display: inline-flex;}
/*.cart_sidebar .cart_body ul li .product_img:after{content: 'Image coming soon'; width: 100%; padding: 0 13%; background: var(--bg-white); border-radius: 6px; text-transform: uppercase; font-weight: 600; 
color: var(--btn-secondary-hover); font-size: 20px; position: absolute; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; left: 0; right: 0; margin: auto;}*/

.cart_sidebar .cart_body ul li .product_img img{max-width: 100%; border-radius: 6px; position: relative; z-index: 1; background: var(--bg-white);}
.cart_sidebar .cart_body ul li .delete_record{width: 56px; height: 56px; border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; color: var(--red-color); background: var(--red-light-color); cursor: pointer; transition: var(--link-transition);}
.cart_sidebar .cart_body ul li .delete_record:hover{background: var(--red-color); color: var(--color-white);}
.cart_sidebar .cart_body ul li .cart_pop_detail{ width:calc(100% - 180px); display: flex; flex-wrap: wrap; margin-left: 20px; }
.cart_sidebar .cart_body ul li .add_cart_box{width: 100%; flex-direction: initial; }
.cart_sidebar .cart_body ul li .add_cart_box .quantity{margin-left: 0; margin-right: auto; margin-bottom: 0;}
.cart_sidebar .cart_footer{padding: 30px; width: 100%;}
.cart_sidebar .cart_footer .subTotal{display: flex; flex-wrap: wrap; align-items: center; font-family: var(--default-font); font-size: 24px; font-weight: 500; color: var(--dark-gray-color1); padding-bottom: 20px;}
.cart_sidebar .cart_footer .subTotal .subtot_price{margin-right: 0; margin-left: auto;}
.cart_sidebar .cart_footer .btn-primary{margin-bottom: 25px;}
/*.cart_sidebar .close{width: 48px; height: 48px; border: var(--dark-gray-color4) solid 1px; border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; margin-right: 0;
margin-left: auto; position: absolute; right: 10px; top: 20px; transition: var(--link-transition);}
.cart_sidebar .close:hover,.cart_sidebar .close:focus{background: var(--btn-secondary); opacity: 1; color: #fff; text-shadow: none; border: none;}*/

.cart_overlay{background: rgba(0, 0, 0, 0.4); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 99; opacity: 0; visibility: hidden; transition: var(--link-transition);}
.cart_overlay.opened{opacity: 1; visibility: visible;}

#orderSummaryInfo .xrm-editable-html{width: 100%;}

ul::-webkit-scrollbar-track,#terms_condition_modal #terms_and_condition::-webkit-scrollbar-track,.portal_access_sec .portal_access_right::-webkit-scrollbar-track{ 	border-radius: 10px;	background-color: var(--light-gray-color5);}
ul::-webkit-scrollbar,#terms_condition_modal #terms_and_condition::-webkit-scrollbar,.portal_access_sec .portal_access_right::-webkit-scrollbar{ width: 8px;	background-color: var(--bg-white);}
ul::-webkit-scrollbar-thumb,#terms_condition_modal #terms_and_condition::-webkit-scrollbar-thumb,.portal_access_sec .portal_access_right::-webkit-scrollbar-thumb{ border-radius: 10px; background-color: var(--primary);}

footer{background: var(--info);}
footer h6{font-size: 24px; color: var(--text-white); font-family: var(--default-font); line-height: 1.3em; margin: 0 0 40px; display: inline-flex; align-items: center;}
footer .footer-top h6 > span{margin-left: 40px; width: 40px; height: 40px; cursor: pointer; border: #fff solid 1px; border-radius: 100%; display: inline-flex; align-items: center; justify-content: center;}
footer .footer-top h6 > span:hover{background: var(--btn-primary-hover);}
footer .foot_ul{color: var(--text-white); list-style: none; padding: 0;  margin: 0; }
footer .foot_ul > li{position: relative; padding-left: 17px; margin-bottom: 27px;}
footer .foot_ul > li::before{content: ''; width: 6px; height: 6px; background: var(--bg-white); border-radius: 100%; position: absolute; left: 0; top:7px;}
footer .foot_ul li a{font-size: 18px; color: var(--text-white); font-family: var(--default-font); font-weight: 400; margin-left: 0; text-decoration: none; transition: var(--link-transition);}
footer .foot_ul li a:hover,footer .foot_ul li a:focus{color: var(--link-hover);}
footer .foot_ul .foot_sub_ul{list-style: none; padding: 0; margin: 13px 0; display: flex; flex-wrap: wrap;}
footer .foot_ul .foot_sub_ul li{margin: 0 10px 0 0; position: relative;}
footer .foot_call_info .f_info_lst{margin: 13px 0;}
footer .foot_call_info .f_info_lst label,footer .foot_call_info .f_info_lst a{margin: 0 10px 0 0; padding: 0; font-weight: 500; font-size: 16px;}
footer .foot_call_info .f_info_lst a{font-weight: 400;}
footer .foot_call_info .f_info_lst a label{cursor: pointer;}

footer .foot_ul .foot_sub_ul li a{font-size: 16px; color: var(--text-white); font-family: var(--default-font); font-weight: 400; margin-left: 0; text-decoration: none; transition: var(--link-transition);}
footer .foot_ul .foot_sub_ul li a:hover{color: var(--link-hover)}
footer .footer-top{padding: 60px 0;}
footer .footer-logo{width: 148px; max-width: 100%;}
footer p,footer a{font-size: 16px; color: var(--text-white); line-height: 1.2em;}
footer .footer-top,footer .footer-bottom{background: none;}
footer .footer-bottom{padding-bottom: 16px !important;}
.footer-bottom .footer_btm_left{width:40%; align-items: center;}
.footer-bottom .footer_btm_center{width: 20%; justify-content: center; align-items: center;}
.footer-bottom .footer_btm_center a{width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border: var(--text-white) solid 1px; border-radius: 100%; margin: 0 12px; transition: var(--link-transition);}
.footer-bottom .footer_btm_center a:hover,.footer-bottom .footer_btm_center a:focus{background: var(--bg-white); color: var(--btn-primary-hover); text-decoration: none;}
.footer-bottom .footer_btm_right{width:40%; align-items: center; justify-content: flex-end;}
.footer-bottom .footer_btm_right a{padding-left: 17px; padding-right: 17px; line-height: 1.5em; transition: var(--link-transition);}
.footer-bottom .footer_btm_right a:hover,.footer-bottom .footer_btm_right a:focus{color: var(--link-hover); text-decoration: none;}
.footer-bottom .footer_btm_right a:last-child { padding-right: 0; }
.footer-bottom .footer_btm_right a + a{border-left: var(--dark-gray-color4) solid 1px;}
.footer_btm_right a:hover,.footer_btm_right a:focus{color: var(--btn-primary);}
.footer-bottom .footer_btm_left p{font-size: 16px; font-weight: 400; color: var(--text-white); margin: 0; padding: 0;}
footer hr{border-color:var(--dark-gray-color4); margin:0 0 16px; width: 100%;}

#delete_warning .modal-body{text-align: center;}
#delete_warning .modal-body figure{text-align: center;}
footer .footer-top > div,footer .footer-top > div > div{width: 100%;}
header .mobile_logo,header #navbar .profile_menu{display: none;}
header #navbar .profile_menu_ul{display: none; list-style: none; padding: 10px 0; margin: 0; flex-wrap: wrap;}
header #navbar .profile_menu_ul li{width: 100%; display: inline-flex;}
header #navbar .profile_menu_ul li a{width: 100%; color: var(--dark-gray-color4); display: flex; align-items: center; padding: 4px 9px; font-family: var(--default-font); cursor: pointer; font-size: 14px; font-weight: 400; margin: 0; transition: var(--link-transition); }
.header_right .mobile_menu_icon{display: none;}

header .menu_close{ margin-right: -5px; margin-top: -3px; margin-left: auto; font-size: 26px; display: inline-flex; align-items: center; justify-content: center; border: var(--dark-gray-color4) solid 1px; border-radius: 100%; padding: 3px; width: 40px; height: 40px; transition: var(--link-transition);}
header .menu_close > span{font-size: inherit;}
header .menu_close:hover,header .menu_close:focus{ background: var(--btn-secondary); color: #fff;}

table.table tbody tr td{position: relative;}
table.table tbody tr td .toggle_table_arrow{ position: absolute; right: 10px; top: 5px; font-size: 26px;}

.toast-custom#cart_existing_toast{height:150px} 
#cart_existing_toast p {font-size: 20px;line-height: 1.3em;text-align: justify;     margin-top: 10px;}

@media screen and (min-width:601px){
table.table tbody tr td .toggle_table_arrow{display: none;}
}


@media (-webkit-min-device-pixel-ratio: 1.75) and (-webkit-max-device-pixel-ratio: 1.76) {
  *:not(.owl-carousel):not(.login_side_img):not(.owl-carousel div):not(.login_right):not(.hero-slider):not(.hero-slider div) {
    zoom: 0.965;
  }
  .container { width: 1060px; max-width: 100%;}
  body {padding-top: 75px;}
  .page-copy .page-heading{padding-bottom: 180px;}
  footer p, footer a{font-size: 14px;} 
  footer h6 { font-size: 18px;}
}
@media (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.55) {
  *:not(.owl-carousel):not(.login_side_img):not(.owl-carousel div):not(.login_right):not(.hero-slider):not(.hero-slider div) {
    zoom: 0.975;
  }
  .container { width: 1450px; max-width: 100%;}
  body {padding-top: 75px;}
  .page-copy .page-heading{padding-bottom: 170px;}
  footer p, footer a{font-size: 14px;} 
  footer h6 { font-size: 18px;}
}
@media (-webkit-min-device-pixel-ratio: 1) and (-webkit-max-device-pixel-ratio: 1.09) {
  .page-copy .page-heading{padding-bottom: 210px;}
}
@media (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49) {
  *:not(.owl-carousel):not(.login_side_img):not(.owl-carousel div):not(.login_right):not(.hero-slider):not(.hero-slider div) {
    zoom: 0.985;
  }
  body { padding-top: 75px;}
  .container{ width: 1650px; max-width: calc(100% - 20px);}
}
@media (-webkit-min-device-pixel-ratio: 1.01) and (-webkit-max-device-pixel-ratio: 1.24) {
  *:not(.owl-carousel):not(.login_side_img):not(.owl-carousel div):not(.login_right):not(.hero-slider):not(.hero-slider div) {
    zoom: 0.99;
  }
  .container{ width: 1700px;}
}


@media (-webkit-min-device-pixel-ratio: .75) and (-webkit-max-device-pixel-ratio: 0.99) {
  *:not(.owl-carousel):not(.login_side_img):not(.owl-carousel div):not(.login_right):not(.hero-slider):not(.hero-slider div) {
    zoom: 0.990;
  }
}
@media (-webkit-min-device-pixel-ratio: .51) and (-webkit-max-device-pixel-ratio: 0.74) {
  *:not(.owl-carousel):not(.login_side_img):not(.owl-carousel div):not(.login_right):not(.hero-slider):not(.hero-slider div) {
    zoom: 0.990;
  }
  .container{width: 1500px;}
}
@media (-webkit-min-device-pixel-ratio: .25) and (-webkit-max-device-pixel-ratio: .50) and (min-width: 1520px){
  *:not(.owl-carousel):not(.login_side_img):not(.owl-carousel div):not(.login_right):not(.hero-slider):not(.hero-slider div) {
    zoom: 0.990;
  }
  body { padding-top: 70px;}
.container { width: 1500px;}
}
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1720px){
.container {
    width: 1700px;
}
}
@media (-webkit-min-device-pixel-ratio: .25) and (min-width: 1720px){
.container {
    width: 1700px;
}
}
@media (min-width: 1750px) and (-webkit-device-pixel-ratio: 1){
  .container { width: 1720px; max-width: 100%;}
}

@media screen and (max-width:1450px){
header .navbar-static-top.navbar-inverse .navbar-brand{min-width: 300px;}
}
@media screen and (max-width:1400px){
.portal_access_sec .portal_access_right,.portal_access_sec .portal_access_left{width: 50%;}
.portal_access_sec .portal_access_right h2{font-size: 30px;}
.portal_access_sec .portal_access_right .form-group label:not(.error){font-size: 16px; padding-bottom: 4px; padding-top: 3px;}
.portal_access_sec .portal_access_right .ceco_environment_box img { width: 200px;}
.portal_access_sec .portal_access_right{padding-left: 15px; padding-right: 15px;}
}
@media screen and (max-width:1350px){
header .navbar-static-top.navbar-inverse .navbar-brand { min-width: 100px;}
header .header_right{width: auto;}
}
@media screen and (max-width:1250px){
.product_list .product_grid li .product_desc .product_note{line-height: 1.15em; font-size: 16px;}
.product_list .product_grid li .product_desc .product_price{line-height: 1.2em; font-size: 16px;}
.product_detail .product_info_detail li,.product_detail .brand_box{font-size: 20px;}
.product_detail .product_title{font-size: 30px;}
}
@media screen and (max-width:1200px){
.product_list .product_grid li .product_desc{width: calc(100% - 200px); padding-right: 0;}
.product_grid .add_cart_box{width: calc(100% - 225px); margin-left: 225px; flex-direction: initial; align-items: center; margin-top: 15px;}
.product_grid .add_cart_box .quantity{margin-right: 10px; margin-left: 0; margin-bottom: 0;}
.product_grid .add_cart_box .add-to-cart{margin-right: auto; margin-left: 0; margin-top: 0;}
.product_grid .add_cart_box .add-to-cart .material-symbols-outlined { font-size: 130%;}
}
@media screen and (max-width:1199px){
header #navbar{ position: fixed; width: 300px; flex-wrap: wrap; flex-direction: column; top: 0; right: -320px; bottom: 0; background: var(--bg-white); z-index: 999; height: 100%; max-height: 100% !important; box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.13); transition: var(--link-transition);}
header #navbar.opened{right: 0;}
header #navbar .profile_menu{margin: 0 -15px; padding: 15px 20px; border-bottom: var(--light-gray-color3) solid 1px; background: var(--light-gray-color3); font-size: 18px; font-weight: 500; margin-top: 0; color: var(--btn-primary); display: flex; align-items: center;}
header #navbar .profile_menu .material-symbols-outlined{margin-right: 10px; font-size: 150%;background: var(--color-light-yellow); color: var(--btn-primary-hover); border-radius: 100%; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; font-weight: normal; text-shadow: none;}
header .navbar-right{width: 100%; height: calc(100% - 265px);}
header .navbar-right ul.navbar-nav{height: 100%; overflow: auto; margin-top: 0; margin-bottom: 0;}
header .navbar-static-top.navbar .navbar-nav>li.weblink + li.weblink{border-left: none;}
header .navbar-static-top.navbar .navbar-nav>li.weblink{border: none; border-bottom:rgba(0,0,0,.09) solid 1px}
header .navbar-static-top.navbar .navbar-nav>li.weblink:first-child{border-top:rgba(0,0,0,.09) solid 1px;}
header .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a{padding: 15px 25px;}
header .mobile_logo{display: inline-flex; padding: 15px 20px 15px; background: var(--light-gray-color2); margin: 0 -15px 0; border-bottom: var(--light-gray-color3) solid 1px;}
header .mobile_logo img{width: 100px;}
.header_right .mobile_menu_icon{display: inline-flex; margin-left: 15px;}
header .navbar-static-top.navbar-inverse .navbar-brand{padding-left: 0;}
}
@media screen  and (max-device-width: 1199px) and (-webkit-min-device-pixel-ratio: 1)  { 
*:not(.owl-carousel):not(.login_side_img):not(.owl-carousel div):not(.login_right){zoom: 1 !important;}
}
@media screen  and (max-device-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.25){ 
*:not(.owl-carousel):not(.login_side_img):not(.owl-carousel div):not(.login_right){zoom: 1 !important;}
}
@media screen  and (max-device-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.75){ 
*:not(.owl-carousel):not(.login_side_img):not(.owl-carousel div):not(.login_right){zoom: 1 !important;}
}
@media screen and (max-width:1100px){
h2, .modal h2,.product_detail .product_title { font-size: 28px; line-height: 1.3em;}
.product_detail .brand_box{font-size: 20px; padding: 8px 12px;}
.product_detail .brand_box label{margin-bottom: 0;}
.product_detail .product_info_detail li{font-size: 18px; width: 100%; margin: 5px 0;}
.product_detail .product_info_detail li:nth-child(even){margin-left: 0;}
.product_detail .product_info_detail{padding-top: 10px;}
.product_detail .product_information h4{font-size: 20px;}
.product_detail .product_information p{font-size: 16px;}
.btn{font-size: 16px; border-radius: 8px;}
.product_detail .add_cart_box .btn { padding: 12px 30px;}
.product_detail .add_cart_box .btn .material-symbols-outlined { font-size: 150%;}
.product_detail .add_cart_box .quantity input{font-size: 16px; width: 100px;}
.product_detail .add_cart_box .quantity .minus{left: 0;} 
.product_detail .add_cart_box .quantity .plus{right: 0;}
.page-copy .breadcrumb > li a, .page-copy .breadcrumb > li.active{font-size: 16px;}
.product_detail .product_price_show ul li{font-size: 20px;}
.product_detail .product_price_show ul{margin-top: 5px;}
footer h6{font-size: 20px;}
}


@media screen and (max-width:1024px){
table tbody tr td.so_description p{width: 300px;}
table.table thead tr th,table.table tbody tr td{font-size: 16px;}
.portal_access_sec .portal_access_left{display: none;}
.portal_access_sec .portal_access_right{width: 100%; height: auto; padding-top: 20px; padding-bottom: 20px;}
.portal_access_sec .portal_access_right .portal_access_form{width: 100%;}
.filter-area #ApplyFilters, .filter-area #ClearFilters{font-size: 14px;}
}
@media screen and (max-width:991px){
header .navbar-static-top.navbar-inverse{padding: 5px 0;}
.container{max-width: 100%; width: 100%;}
footer h6 { font-size: 18px; margin-bottom: 30px;}
footer .footer-top h6 > span{width: 30px; height: 30px; margin-left: 25px;}
body { padding-top: 80px;}
.footer-bottom .footer_btm_center a{margin: 0 5px;}
.footer-bottom .footer_btm_right a { padding-left: 7px; padding-right: 7px; line-height: 1.2em; font-size: 15px;}
.footer-bottom .footer_btm_left p { font-size: 15px;}
.cart_right_side { margin-top: 0;}
.cartdetail_left{margin-bottom: 0;}
#change_acc_modal{margin-bottom: 20px; padding: 14px 20px;}
.tab-style-1 h3 { font-size: 24px;}
.tab-style-1 .nav-tabs>li>a{font-size: 22px;}
#getProductDetail{margin-top: 30px;}
.card .card-body{font-size: 16px;}
.product_detail .product_title{max-width: 100%; width: 100%; margin-top: 20px;}
.product_detail figure img{width: 100%;}
.product_detail .product_information { min-height: 100px;}
.cart_right_side .cart_note_list li{font-size: 14px;}
.cart_right_side .sub_total h5, .cart_right_side .sub_total .price { font-size: 18px;}
}
@media screen and (max-width:768px){
.product_detail .product_title,.tab-style-1 h3, .table-title{font-size: 24px;}
.product_detail .brand_box{font-size: 18px;}
.product_detail .product_info_detail li{font-size: 16px;}
.product_detail .product_information h4{font-size: 18px;}
.product_detail .product_information { min-height: 100px;}
.product_detail .add_cart_box .btn { padding: 10px 25px;}
.product_detail{padding: 20px;}
footer h6 {  font-size: 15px;}
}
@media screen and (max-width:767px){
header .header_right .notification_icon, header .header_right .head_cart_icon{width: 48px; height: 48px;}
.table-title .notifi{font-size: 12px;}
header .header_right .notification_icon span, header .header_right .head_cart_icon span { font-size: 24px;}
header .notification_box, header .head_cart_box { margin-left: 10px;}
header .navbar-static-top.navbar-inverse .navbar-brand{min-width: 100px;}
header .header_right .profile_menu{display: none;}
header .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a{font-size: 16px;padding: 18px 25px;}
.product_side_icon{display: flex;}
.body-add-sticky .product_side_icon{opacity: 1; visibility: visible;}
.signinpage .login_left .form-horizontal .form-group > label > span{font-size: 16px;}
.form-group label{padding-bottom: 0;}
.signinpage .login_left .form-horizontal .form-group .form-control{font-size: 16px;}
h2,.modal h2{ font-size: 30px; line-height: 1.2em;}
.portal_access_sec .portal_access_left,.portal_access_sec .portal_access_right{width:100%}
.portal_access_sec .portal_access_right{padding: 0;}
.portal_access_sec .portal_access_right h2{font-size: 28px;}
.product_detail .product_info_detail li{font-size: 16px; margin: 8px 0 0;}

.footer-bottom .footer_btm_left,.footer-bottom .footer_btm_center,.footer-bottom .footer_btm_right{width: 100%; justify-content: center; text-align: center;}
.footer-bottom .footer_btm_left{order: 3; }
.footer-bottom .footer_btm_center{ order: 1;}
.footer-bottom .footer_btm_right{ order: 2; margin: 15px auto;}
footer h6 { font-size: 20px; margin: 0 0 30px;}
footer .footer-logo{margin-bottom: 30px;}
footer h6{width: 100%;}
footer .footer-top h6 > span{margin-right: 0; margin-left: auto;}
footer .footer-top { padding: 50px 0 0;}
.footer-bottom .footer_btm_right a { padding-left: 12px; padding-right: 12px;}
.footer-bottom .footer_btm_left p,.footer-bottom .footer_btm_right a { font-size: 14px;}
footer .footer-logo{width: 130px;}
.home_shop_cate .shop_cat_list{width: initial; margin: 0;}
header #navbar .profile_menu_ul{display: flex;}
.home_shop_cate .shop_cat_list li { width: calc(50% - 20px);}
#delivery_address_modal_wrapper #delivery_address_modal_filter label, #my_order_filter label{font-size: 16px;}
#delivery_address_modal_wrapper #delivery_address_modal_filter label input, #my_order_filter label input{font-size: 16px; margin-top: 5px;}
.search_filter .btn,.search_filter #clearFilter{min-width: 100px; font-size: 14px; padding: 6px 10px;}
#my_order_filter { width: calc(100% - 140px); margin: 0;}
table.table thead tr th,table.table tbody tr td{font-size: 16px; line-height: 1.2em;}
.middle_content{padding-left: 15px; padding-right: 15px; margin-top: -100px; margin-bottom: 50px;}
#delivery_address_modal_wrapper #delivery_address_modal_filter label input, #my_order_filter label input{background-position: center left 10px;}
#delivery_address_modal_wrapper #delivery_address_modal_filter label input, #my_order_filter label input{padding-left: 45px;}
.page-copy .breadcrumb > li a, .page-copy .breadcrumb > li.active{font-size: 16px;}
.page-copy .page-heading h1{font-size: 34px;}
.tab-style-1 h3, .table-title{margin-top: 0;}
.page-copy .page-heading{padding-bottom: 130px;}
.dataTable tr td input[type="radio"], .modal input[type="radio"]{width: 13px; height: 13px;}
.form-group .form-control, .form-control-cell .control input{font-size: 16px;}
.product_sidebar{opacity: 0; visibility: hidden; position: fixed; left: 0; top: 0; bottom: 0; padding: 15px; width: 320px; height: 100%; margin: 0; overflow: auto; z-index: 99; transform: translateX(-320px); transition: var(--link-transition);}
.product_sidebar.opened{opacity: 1; visibility: visible; transform: translateX(0);}
.product_sidebar .filter_box:last-child{margin-bottom: 0;}
.filter_box {padding: 15px;}
.filter_box .filter_head{padding: 10px 15px; font-size: 18px; margin: -15px -15px 10px;}
.filter_box .filter_head .filter_toggle_btn { width: 35px; height: 35px;}
.filter_box .stylish_checkbox input[type='checkbox'] + label,.filter_box .stylish_checkbox input[type='radio'] + label{font-size: 16px;}
.filter_box .filter_body ul li{margin: 10px 0;}
.stylish_checkbox input[type='checkbox'] + label:not(.error):before, .tab-pane .panel_box .stylish_checkbox input[type='checkbox'] + label:not(.error):after{width: 18px; height: 18px;}
.portal_access_sec .portal_access_left{display: none;}
.btn{ padding: 14px 28px;}
.form-group label, .form-control-cell label.field-label{font-size: 16px;}
.filter_popup .filter_body { padding: 15px;}
.filter_popup .filter_header{padding: 5px 15px;}
.filter_popup{top: 60px; width: 480px;}
.filter_popup .filter_body .form-control{height: 40px;}
.filter_popup .filter_header .filter_title{font-size: 20px;}
.filter_popup .filter_body .form-group label, .filter_popup .filter_body .form-control-cell label.field-label{font-size: 14px;}
.cart_right_side { margin-top: 0;}
.cart_right_side .sub_total h5, .cart_right_side .sub_total .price{font-size: 20px;}
.tab-style-1 .nav-tabs>li>a{ padding: 13px 20px; font-size: 20px;}
.company-acc-info label{margin-bottom: 0; font-size: 14px;}
.company-acc-info b{font-size: 16px;}
#change_acc_modal{font-size: 16px;}
.tab-style-1 h3{font-size: 22px;}
#cart_detail_table thead,#so_notification thead{display: none;}
#cart_detail_table tbody tr td.td_desc{width: 100%;}
#cart_detail_table tbody tr td{width: 100%; max-width: 100%; padding: 0px 15px 15px; border-bottom: none; display: flex; flex-wrap: wrap;}
#cart_detail_table tbody tr td:first-child{padding-top: 20px;}
#cart_detail_table tbody tr td:last-child{border-bottom: var(--dark-gray-color4) solid 1px;}
#cart_detail_table tbody tr td .table_th{display: inline-flex; margin-bottom: 5px;}
#cart_detail_table tbody tr td h4 { white-space: initial; line-height: 1em; font-size: 16px; margin-bottom: 0;}
#cart_detail_table tbody tr td p{margin-bottom: 0; width: 100%;}
.cart_right_side .btn { margin: 0 0 15px;}
.cart_right_side .sub_total{margin-bottom: 15px; padding-top: 10px;}
.modal.fade.in{align-items: initial;}
#change_address_modal table.table tbody tr td:before { content: attr(data-label); display: inline-block; line-height: 1.5; margin-left: 0; width: 100%; white-space: nowrap;}
#so_notification tbody tr td,#my_order tbody tr td,#my_invoice tbody tr td,table.table tbody tr td,#change_address_modal table.table tbody tr td{width: 100%; display: flex; flex-wrap: wrap; box-sizing: border-box; padding: 10px; border-bottom: none;}
#so_notification tbody tr td:last-child,#my_order tbody tr td:last-child,table.table tbody tr td:last-child{border-bottom: var(--dark-gray-color4) solid 1px;}
#change_address_modal table.table tbody tr td:last-child{border-bottom: var(--dark-gray-color4) solid 1px;}
table tbody tr td.so_description p{max-width: 100%; width: 100%; white-space: pre-line; padding-right: 0;}
#so_notification tbody tr td::before,#my_order tbody tr td:before,table.table tbody tr td::before { content: attr(data-label); float: left; font-weight: 500; text-transform: initial; width: 100%; margin-bottom: 10px; margin-top: 5px; }
table tbody tr td.so_description p:after{position: relative; width: 100%;}
#so_notification thead,#my_order thead,#my_order tfoot,table.table thead,table.table tfoot{display: none;}
#my_order_filter{padding-left: 10px; padding-top: 10px;}
.my_order_sec .search_filter { top: 68px; right: 25px;}
.dataTables_wrapper .dataTables_paginate{margin-top: 10px; margin-bottom: 10px;}
body .dataTables_wrapper .dataTables_paginate span a.paginate_button.current, body .dataTables_wrapper .dataTables_paginate span a.paginate_button.current:hover, body .dataTables_wrapper .dataTables_paginate span a.paginate_button:hover,body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous, body .dataTables_wrapper .dataTables_paginate a.paginate_button.next{font-size: 16px; width: 40px; height: 40px; margin-left: 5px;}
body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous{margin-left: 5px; margin-right: 0;}
.dataTables_wrapper .dataTables_info { margin-top: 5px; font-size: 14px;}

.my_order_sec .dataTables_scrollHead{display: none;}
.my_order_sec .dataTables_scrollFoot .dataTables_scrollFootInner{max-width: 100%; position: fixed; background: #fff; overflow: auto; box-shadow: 0 0 10px rgba(0,0,0,.2); top: 75px; border-radius: 5px; border: none; max-height: calc(100vh - 100px); opacity: 0; visibility: hidden; transform: scale(0.5);  transition: var(--link-transition);}
.my_order_sec .dataTables_scrollFoot .dataTables_scrollFootInner.opened{opacity: 1; visibility: visible; transform: scale(1);}
.my_order_sec .dataTables_scrollFoot .dataTables_scrollFootInner tfoot tr td,.my_order_sec .dataTables_scrollFootInner tfoot tr th{display: flex; min-width: 100%; box-sizing: border-box;}
.my_order_sec .dataTables_scrollFootInner tfoot tr th{border: none;}
#my_order_wrapper .dataTables_scroll .dataTables_scrollFoot .form-control{width: 100% !important;}
.my_order_sec table#my_order tfoot{display: flex;}
table#my_order tfoot tr th{display: inline-flex; width: 50%; padding: 5px; box-sizing: border-box;}
table#my_order tfoot tr th input{max-width: 100%; width: 100% !important;}
table#my_order tfoot tr th .form-control{padding: 10px;}
.myorder_filter{display: flex;}
#my_order tbody td a{padding-top: 0; padding-bottom: 0;}
table#my_order tbody tr td { padding-top: 7px; padding-bottom: 7px;}
table#my_order tbody tr{display: flex;flex-wrap: wrap;}
table#my_order tbody tr + tr{border-top: #ddd solid 1px;} 
table#my_order tbody tr td.td_status,table#my_order tbody tr td.td_amount,table#my_order tbody tr td.td_order_date{width: 33%;}
#my_order tbody tr td:before, table.table tbody tr td::before{font-size: 14px; margin-bottom: 5px;}
table#my_order tbody tr td.hidesearchFilter, table#my_order tbody tr th.hidesearchFilter,table#my_order tfoot tr th.hidesearchFilter{display: none;}
.my_order_sec table#my_order tfoot,.my_order_sec table#my_order tfoot tr{width: 100%;}
.dataTables_wrapper #my_order .action_dropdown{width: auto; margin-bottom: 0;}
.order_summary_heading{flex-wrap: wrap;}
.order_summary_heading .order_num{ width: 100%; margin-right: 0; padding-right: 0; border: none;}
.order_summary_heading .process_status{ width: 100%; border-top: var(--dark-gray-color4) solid 1px; margin-top: 10px; padding-top: 10px;}
#delivery_address_datatable tbody td.action{width: 100%;}
#delivery_address_datatable tbody td.action .btn{ padding: 8px 20px; font-size: 14px; border-radius: 5px; margin-top: -10px; margin-bottom: 5px;}
.dataTables_wrapper .dataTables_length select{padding: 6px 10px;}
.product_detail figure::before{font-size: 4.5vw;}
.captcha_field #textInput{width: calc(100% - 400px);}
.product_list .product_grid li figure img{width: 100%; height: auto;}
.filter-area.three_field_col .form-group.width-position-one { width: calc(100% / 1 - 20px);}
.dataTables_wrapper .dataTable  .action_dropdown ul{width: 100%; position: relative; opacity: 1; padding: 0; visibility: visible; left: 0; top: 0; box-shadow: none; transform: none;}
.dataTables_wrapper .dataTable .action_dropdown ul li{justify-content: flex-start;}
.dataTables_wrapper .dataTable .action_dropdown ul li a{width: auto; background: var(--btn-secondary); padding: 6px 15px; color: var(--text-white); border-radius: 5px;}
.dataTables_wrapper .dataTable .action_dropdown .material-symbols-outlined{display: none;}
.dataTables_wrapper .dataTables_length{ margin-top: 10px;}
.modal .modal-body .modal-title{font-size: 18px;}
}

@media screen and (max-width:667px){
.product_list .product_grid li figure{width: 100%;}
.product_list .product_grid li .product_desc{width: 100%; padding-left: 0; margin: 15px auto;}
.product_grid .add_cart_box{margin-left: 0; width: 100%;}
.product_list label.brandName{position: relative; left: 0; font-size: 14px;}
.product_list .product_grid li .product_desc .product_price, .product_list .product_grid li .product_desc .price_availability_check{font-size: 16px;}
#comp_acc_datatable tbody td p{max-width:100%}
}
@media screen and (max-width:640px){
header .navbar-static-top.navbar-inverse .navbar-brand img,header.sticky-header .navbar-static-top.navbar-inverse .navbar-brand img{width: 100px;}
header .navbar-brand { padding: 8px 0;}
body { padding-top: 60px;}
.hero_slider .hero_slider_bg{height: 350px;}
.hero_slider .hero_detail{width: 95%; padding: 20px; margin-bottom: 30px;}
.hero_slider .hero_detail h1{font-size: 38px;}
.hero_slider .hero_detail p{ font-size: 16px; line-height: 1.5em;}
.home_sec { padding: 50px 0;}
.home_shop_cate .shop_cat_list li{width: 100%; margin: 20px 0 0;}
.home_shop_cate h2{font-size: 24px; margin-bottom: 10px;}
.page-copy .page-heading h1{font-size: 30px; margin-bottom: 5px;}
.tab-style-1 .nav-tabs>li>a{ padding: 13px 10px; font-size: 18px;}
.tab-style-1 .nav-tabs>li.active>a::after{height: 2px;}
.card .card-header .card-title{margin-bottom: 0 !important;}
.card .card-body{font-size: 14px;}
.product_detail .product_information p { font-size: 14px;}
.product_detail .product_information h4 {font-size: 16px;}
}
@media screen and (max-width:600px){
.dataTables_wrapper table.dataTable#my_order tbody tr:not(.expand_td) td:not(.mobile_table_toggle),.dataTables_wrapper table.dataTable#my_invoice tbody tr:not(.expand_td) td:not(.mobile_table_toggle){display: none;}
.filter_popup{width: 400px;}
.tab-style-1 h3{margin-bottom: 10px !important;}
.cart_sidebar .cart_body ul,.cart_sidebar .cart_footer { padding: 15px 15px;}
.cart_sidebar .cart_body ul li .product_img { width: 80px; height: 80px;}
.cart_sidebar .cart_body ul li .cart_pop_detail { width: calc(100% - 110px); margin-left: 10px;}
.cart_sidebar .cart_body ul li .cart_pop_detail p{margin-bottom: 5px; font-size: 14px;}
.cart_sidebar .cart_body ul li .price{font-size: 16px;}
.cart_sidebar .cart_body ul li .cart_pop_detail{font-size: 14px;}
.cart_sidebar .cart_body ul li h5{font-size: 15px; line-height: 1.2em; margin-bottom: 3px;}
.cart_sidebar .add_cart_box .quantity input{width: 85px; height: 36px; border-radius: 3px; font-size: 14px;}
.cart_sidebar .add_cart_box .quantity button span{font-size: 20px;}
.cart_sidebar .cart_body ul li .delete_record{ font-size: 20px; width: 40px; height: 40px;}
.cart_sidebar .cart_head h3 { font-size: 20px; padding: 15px 15px;}
.cart_sidebar .cart_body ul li{margin-bottom: 15px;}
.cart_sidebar .cart_body ul li + li{padding-top: 15px;}
.btn {  font-size: 16px; padding: 12px 20px;}
.cart_sidebar .cart_footer .btn-primary { margin-bottom: 10px;}
.captcha_field #textInput{height: 50px;  width: 65%; margin-bottom: 15px;}
table.table thead tr th,table.table tbody tr td{font-size: 14px; line-height: 1em;}
#cart_detail_table tbody tr td .table_th, table.table tbody tr td .table_th{font-size: 14px; width: 100%;}
#cart_detail_table tbody tr td .table_th.sr_th, table.table tbody tr td .table_th.sr_th{width: auto;}
#cart_detail_table tbody tr td .delete_record{font-size: 22px; width: 40px; height: 40px;}
table.table tbody tr{width: 100%; display: flex; flex-wrap: wrap;}
table.table tbody tr td.td_sm_half_width, #cart_detail_table tbody tr td.td_sm_half_width{width: 50%;}
.myorder_filter { width: 40px; height: 40px; font-size: 20px;}
body .dataTables_wrapper .dataTables_paginate span a.paginate_button.current, body .dataTables_wrapper .dataTables_paginate span a.paginate_button.current:hover, body .dataTables_wrapper .dataTables_paginate span a.paginate_button:hover, body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous, body .dataTables_wrapper .dataTables_paginate a.paginate_button.next,body .dataTables_wrapper .dataTables_paginate span a.paginate_button{width: 24px; height: 24px; padding: 5px; font-size: 12px; margin-left: 5px;}
body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous > span, body .dataTables_wrapper .dataTables_paginate a.paginate_button.next > span{font-size: 18px;}
.dataTables_wrapper .dataTables_info { font-size: 12px;}
.dataTables_wrapper .dataTables_paginate{width: 100%; justify-content: center;}
header .header_right .head_cart_icon .count, header .header_right .notification_icon .count{right: -8px; font-size: 10px; min-width: 18px; height: 18px; line-height: 1em;}
header .header_right .notification_icon span, header .header_right .head_cart_icon span,header.sticky-header .header_right .notification_icon .material-symbols-outlined, header.sticky-header .header_right .head_cart_icon .material-symbols-outlined { font-size: 18px;}
header .header_right .notification_icon, header .header_right .head_cart_icon,header.sticky-header .header_right .notification_icon, header.sticky-header .header_right .head_cart_icon { width: 38px; height: 38px;}
.page-copy .breadcrumb > li a, .page-copy .breadcrumb > li.active { font-size: 14px;}
.breadcrumb>li+li:before{padding: 0;}
.middle_content{margin-top: -70px;}
.page-copy .page-heading { padding-bottom: 100px;}
.dataTables_wrapper .dataTables_length{font-size: 13px;}
.dataTables_wrapper .dataTables_length select{font-size: 14px;}
.order_summary_heading{font-size: 16px;}
.company-acc-info{margin-bottom: 20px;}
#cart_detail_table tbody tr td{padding-bottom: 5px;}
.modal .modal-body .modal-title,#address_modal .modal-body{padding: 15px;}
#address_modal .modal-header button.close{right: 30px; top: 30px;}
#address_modal .modal-body{max-height: calc(100vh - 100px); overflow: auto;}
#address_modal .modal-footer{padding: 10px 0;}
.modal .modal-body .modal-title{margin-bottom: 20px;}
.cart_right_side .form-group label, .cart_right_side .form-group .form-control { font-size: 14px;}
#thankyou_order_modal .modal-body{padding: 10px 10px 30px;}
.modal h2{font-size: 26px;}
#thankyou_order_modal .modal-body figure{text-align: center; justify-content: center; display: flex; width: 100%; margin-bottom: 20px;}
#thankyou_order_modal .modal-body figure img{margin: auto; display: inline-block; width: 100px;}
.text-medium { font-size: 14px !important; line-height: 1.5em !important;}
.modal .modal-body .btn-sm-sm { padding: 8px 15px; font-size: 14px; border-radius: 4px;}
.modal .btn.btn-sm-sm .material-symbols-outlined{font-size: 130%; margin-left: -7px;}
.mt-sm-1{margin-top: 10px !important;}
.no-input-icon .form-control, .no-input-icon .control input{height: 45px; padding-top: 8px; padding-bottom: 8px;}
table#delivery_address_modal tbody tr td.radio_table_col{width: 30px; align-items: flex-start; padding-top: 0; padding-right: 5px;}
table#delivery_address_modal tbody tr td.td_name {width: calc(100% - 30px);}
.modal .modal-body { padding: 15px;}
.page-copy .page-heading{padding-top: 20px;}
.portal_access_sec{padding: 0;}
}
@media screen and (max-width:480px){
.btn{ font-size: 14px; padding: 8px 15px; border-radius: 4px;}
#my_order_filter{width: 100%; right: 0; top: 0;}
.my_order_sec .search_filter{position: relative; width: 100%; top: 0; right: 0;}
.my_order_sec .search_filter .btn{position: relative; width: 100%;}
.my_order_sec .search_filter .filter_body .btn{width: calc(50% - 10px); font-size: 16px; margin-top: 5px;}
.filter_popup{width: 100%;}
.form-group .form-control, .form-control-cell .control input { font-size: 14px;}
.tab-style-1 .nav-tabs>li>a{ padding: 10px 8px; font-size: 16px;}
.product_list .product_grid li .product_desc .product_note{ border: none;  font-size: 15px; padding-left: 0; line-height: 1.5em;}
.product_grid .add_cart_box{margin-top: 0;}
.product_list .product_grid li .product_desc p{font-size: 14px;}
.filter_box .filter_head { padding: 8px 15px;font-size: 16px; margin: -15px -15px 10px;}
.filter_box .filter_head .filter_toggle_btn { width: 30px; height: 30px;}
.filter_box .filter_head .filter_toggle_btn:before{font-size: 20px;}
.filter_box .filter_body ul p{font-size: 14px;}
.product_side_icon{width: 50px; height: 50px; font-size: 26px;}
.filter_box .stylish_checkbox input[type='checkbox'] + label, .filter_box .stylish_checkbox input[type='radio'] + label{font-size: 14px;}
footer h6{font-size: 18px; margin: 0 0 20px;}
footer .footer-logo { width: 100px; margin-bottom: 20px;}
footer .foot_ul > li{margin-bottom: 15px;}
footer .foot_ul li a{font-size: 16px;}
footer .foot_ul .foot_sub_ul li a{font-size: 14px;}
footer .foot_ul .foot_sub_ul{margin: 0 0 13px 0;}
.toast-custom#cart_existing_toast{height: 150px;}
.product_detail .brand_box { font-size: 16px;}
.product_detail .product_info_detail li { font-size: 14px;}
.product_detail .product_title, .tab-style-1 h3, .table-title {  font-size: 20px;}
#address_modal .btn{min-width: 100px;}
.product_list .pagination>li>a,.paginationBox > li{width: 40px; height: 40px; font-size: 13px;}
.paginationBox .pagination{max-width: calc(100% - 35px); margin: 0;}
}
@media screen and (max-width:479px){
.home_shop_cate .shop_cat_list li { width: 100%; padding-top: 15px; padding-bottom: 15px;}
.product_list .product_grid li a,.product_list .product_grid li figure img{margin: 0;}
.product_grid .add_cart_box .add-to-cart{justify-content: center; margin-left: 0; border-radius: 0 12px 12px 0; height: 57px; width: calc(100% - 120px);  padding: 14px 10px;}
.product_grid .add_cart_box .quantity input{border-radius: 12px 0 0 12px; height: 57px; width: 120px; border-right: none;}
.product_grid .add_cart_box .quantity{margin-right: 0; margin-bottom: 0;}
.product_list .product_grid li .product_desc .item_numb{margin-bottom: 15px;}
.product_grid .add_cart_box .quantity input{height: 50px; width: 100px; font-size: 14px; border-radius: 6px 0 0 6px;}
.product_grid .add_cart_box .add-to-cart{height: 50px; padding: 10px 15px 10px 25px; font-size: 14px; border-radius: 0 6px 6px 0;}
.product_grid .add_cart_box .quantity button span{font-size: 16px;}
.filter-area #ApplyFilters, .filter-area #ClearFilters { font-size: 12px;}
.footer-bottom .footer_btm_left p, .footer-bottom .footer_btm_right a { font-size: 12px;}
.footer-bottom .footer_btm_right a { margin-bottom: 5px;}
.footer-bottom .footer_btm_right{flex-wrap: wrap; margin: 20px auto 10px;}
.footer-bottom .footer_btm_right a + a{border: none;}
.footer-bottom .footer_btm_right a { padding-left: 8px; padding-right: 8px;}
.page-copy .breadcrumb > li a, .page-copy .breadcrumb > li.active {font-size: 13px;}
.page-copy .page-heading { padding-bottom: 70px;}
.middle_content { margin-top: -50px;}
}
@media screen and (max-width:414px){
.toast-custom#cart_existing_toast{height: 180px;}
footer h6 { font-size: 16px;}
.product_detail .brand_box { font-size: 14px; padding: 6px 8px; margin-left: 0; margin-right: auto;}
table#my_order tbody tr td.td_status, table#my_order tbody tr td.td_amount{width: 50%;}
table#my_order tbody tr td.td_order_date{width: 100%;}
}
@media screen and (max-width:375px){
.my_order_sec .search_filter .filter_body .form-group{width: 100%;}
.product_detail .add_cart_box .quantity input { font-size: 14px; width: 80px;}
.product_detail .add_cart_box .quantity .minus span,.product_detail .add_cart_box .quantity .plus span{font-size: 14px;}
.add_cart_box .quantity input{height: 45px;}
.product_detail .add_cart_box .quantity { margin: 0 10px 0 0;}
.product_detail .add_cart_box .btn { padding: 10px 15px; border-radius: 6px; font-size: 14px;}
.product_detail .add_cart_box .btn .material-symbols-outlined { font-size: 125%;}

}