*,::after,::before {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

a:hover {
    text-decoration: none
}

input[type=number],input[type=text] {
    height: auto
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

body {
    margin: 0;
    font-family: 'Circular Std';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
    position: unset!important;
    padding-top: 122px
}

body.filter-open {
    overflow: hidden!important;
    touch-action: none;
    -ms-touch-action: none
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

button:focus {
    outline: 0
}

button:active {
    box-shadow: unset
}

button.disabled,button[disabled] {
    opacity: 1;
    cursor: default;
    pointer-events: none;
    box-sizing: border-box
}

figcaption,figure,header,main,section {
    display: block
}

[tabindex="-1"]:focus {
    outline: 0
}

[type=submit],html [type=button] {
    -webkit-appearance: button;
    appearance: button
}

[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=date] {
    -webkit-appearance: listbox;
    appearance: listbox
}

h1,h2,h3,h4 {
    margin-top: 0;
    margin-bottom: .5rem
}

p,ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ul ul {
    margin-bottom: 0
}

strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

img {
    vertical-align: middle;
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

table {
    border-collapse: collapse
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button,input,select,textarea {
    border-radius: 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    overflow: visible;
    outline: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

h1 {
    font-size: 34px;
    line-height: 44px
}

h2 {
    font-size: 28px;
    line-height: 40px
}

input:focus {
    outline: 0;
    border: 1px solid #30bdff
}

select::-ms-expand {
    display: none
}

input:not([disabled]):focus,select:not([disabled]):focus,textarea:not([disabled]):focus {
    box-shadow: 0 0 #000
}

.restriction_prod .myContainer ol {
    margin-left: 22px!important
}

@-ms-viewport {
    width: device-width
}

.l3motherbreadcrumb {
    position: unset!important
}

.payment-icons {
    display: flex
}

.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,.VIpgJd-yAWNEb-L7lbkb,.skiptranslate {
    display: none!important
}

.top_header_shipping svg {
    margin-right: 5px
}

.flash-msg p {
    background: #00b868;
    box-shadow: 0 8px 24px rgb(26 74 185 / 10%);
    padding: 16px 32px 16px 50px;
    line-height: 22px;
    color: #fff!important;
    font-size: 16px;
    font-family: 'Circular Std Book';
    display: inline-block;
    position: relative;
    width: auto
}

.flash-msg .white-tick {
    position: absolute;
    left: 25px;
    top: 19px
}

.get-in-touch~.random-products.random-links,.main-wrap~.random-products.random-links {
    padding: 50px 0
}

.random-products.random-links {
    background-color: #fff;
    padding: 0 0 50px 0;
    margin-top: 0
}

.random-links h4 {
    font-weight: 500;
    font-style: normal;
    font-size: 22px;
    color: #1b2131;
    line-height: 22px;
    padding: 0 0 20px 0;
    margin-bottom: 0;
    position: unset
}

.random-products.random-links ul {
    column-count: 4;
    display: block!important;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.random-products.random-links li {
    font-size: 14px;
    line-height: 14px;
    font-family: 'Circular Std Book';
    height: 40px;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%
}

.random-products.random-links li a {
    line-height: 18px;
    color: #1b2131cc;
    padding-right: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none
}

.greenmsg,.redmsg {
    font-size: 12px;
    margin-top: 10px;
    font-weight: 400;
    display: block;
    line-height: 15px;
    font-family: "Circular Std Book"
}

.greenmsg {
    color: #00b868
}

.redmsg {
    color: #f33;
    position: relative
}

.redmsg img {
    height: auto;
    vertical-align: inherit;
    margin-right: 5px
}

.priceWrap :is(.greenmsg,.redmsg) {
    margin: 1.5rem 0 .5rem 0;
    display: flex;
    align-items: center
}

.priceWrap .redmsg img {
    height: 12px
}

.ma_errormsg td {
    padding-bottom: 30px!important
}

.category_l3_table tr td .greenmsg,.category_l3_table tr td .redmsg {
    right: 8px;
    position: absolute;
    display: flex;
    align-items: baseline;
    font-family: 'Circular Std'
}

.cart.item .redmsg {
    position: absolute;
    top: 50px;
    right: 10px
}

.cart.item .greenmsg {
    position: absolute;
    top: 50px;
    right: 70px
}

.cart.item .moq_error {
    position: absolute;
    top: 50px;
    right: 92px
}

.cart.item .moq_error img {
    position: absolute;
    top: 4px;
    left: -16px
}

footer .copyright .payment-methods p {
    margin-top: 3px
}

.payment-methods {
    display: flex;
    align-items: flex-start
}

.payment-sprite {
    background: url(https://b2bdecdn.raptorsupplies.com/pub/static/frontend/Raptor/Desktop/en_US/images/payment-stripe.svg) no-repeat;
    display: inline-block;
    margin-left: 5px
}

.footer-visa {
    background-position: -446px 0;
    height: 33px;
    width: 51px
}

.footer-master {
    background-position: -502px 0;
    height: 33px;
    width: 51px
}

.footer-paypal {
    background-position: 0 -55px;
    height: 33px;
    width: 51px
}

.footer-american {
    background-position: -558px -1px;
    height: 33px;
    width: 51px
}

.payment-sprite:first-child {
    margin-left: 30px
}

.breadcrumbs {
    padding: 5px 0 5px 0;
    font-size: 1.2rem;
    margin: 0;
    color: rgba(27,33,49,.6);
    font-family: 'Circular Std'
}

.breadcrumbs .myContainer {
    position: relative
}

.breadcrumbs ul {
    margin: 0;
    padding: 0;
    background: #fff;
    display: flex;
    flex-wrap: wrap
}

.breadcrumbs li {
    display: flex!important
}

.breadcrumbs li+li:before {
    color: rgba(27,33,49,.6);
    content: '/';
    font-size: 12px;
    padding: 0 4px
}

.breadcrumbs a,.breadcrumbs span {
    color: rgba(27,33,49,.6);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    display: flex
}

.divider {
    display: none!important
}

.breadcrumbs a:hover {
    text-decoration: none
}

.breadcrumbs li.breadcrumb-toggle {
    display: none
}

.breadcrumbs-navigation {
    position: relative
}

.breadcrumbs .item:not(:last-child):after {
    display: none
}

.get-in-touch {
    background-color: rgba(27,33,49,.05);
    padding: 50px 0;
    width: 100%
}

.get-in-touch .form-area {
    display: flex;
    margin-top: 60px;
    font-family: 'Circular Std Book'
}

.left-form {
    width: 60%;
    display: inline-block;
    padding-right: 100px
}

.right-form {
    width: 40%;
    display: inline-block;
    vertical-align: top;
    padding-left: 100px
}

.form-div {
    margin-top: 0;
    display: flex;
    flex-direction: column
}

.get-in-touch .form-div:first-child {
    margin-top: 0
}

.form-div label {
    width: 100%;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 8px;
    color: rgba(27,33,49,.6)
}

.form-div input,.form-div textarea {
    width: 100%;
    font-size: 16px;
    line-height: 22px;
    padding: 14px 19px;
    background-color: transparent;
    border: 1px solid rgba(27,33,49,.6);
    font-family: 'Circular Std Book';
    margin-bottom: 8px
}

.get-in-touch .form-div textarea {
    height: 96px;
    display: block;
    margin: 0
}

.get-in-touch input:focus {
    outline: 0;
    border: 1px solid rgba(27,33,49,.6)
}

.form-div input::placeholder,.form-div textarea::placeholder {
    color: rgba(27,33,49,.4)
}

.form-area button.submit-button {
    background-color: #00b868;
    border: 0;
    padding: 13px 47px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
    margin-top: 8px;
    font-weight: 400;
    font-family: 'Circular Std Book'
}

.form-area button.submit-button:hover {
    background-color: #00b868;
    border: 0
}

.form-area .down-arrow {
    background-position: -51px -289px;
    height: 10px;
    width: 12px;
    position: unset
}

.right-form select {
    border: 1px solid rgba(27,33,49,.6);
    padding: 6px;
    background-color: transparent;
    position: relative;
    color: rgba(27,33,49,.6);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    margin: 15px 0;
    width: 150px;
    font-size: 14px;
    height: auto;
    z-index: 9
}

.get-in-touch h4 {
    color: rgba(27,33,49,.6);
    margin-top: 30px;
    font-size: 16px;
    font-family: 'Circular Std Book';
    font-weight: 400
}

.get-in-touch p {
    font-size: 14px;
    color: #1b2131;
    margin-top: 0;
    margin-bottom: 0
}

.get-in-touch p span {
    display: block
}

.control.expand-icon {
    position: relative
}

.expand-icon::after {
    pointer-events: none;
    content: "";
    background-position: -225px -561px;
    font-size: 14px;
    position: absolute;
    height: 22px;
    width: 22px;
    text-align: center;
    bottom: 2px;
    right: 2px;
    z-index: 2;
    background-color: #f3f4f4;
    background-image: url(https://b2bdecdn.raptorsupplies.com/pub/static/frontend/Raptor/Desktop/en_US/images/spriteicon.svg);
    background-repeat: no-repeat
}

.get-in-touch form .group {
    display: flex;
    gap: 12px;
    align-items: flex-start
}

.get-in-touch form .group .form-div {
    width: 50%;
    margin-top: 0
}

.search-options .ex-vat.invat {
    position: unset;
    margin-left: 5px;
    display: inline-block
}

.search-autocomplete .ex-vat {
    display: inline-block;
    margin-left: 5px;
    font-size: 12px
}

.cat-spriteicon {
    background: url(https://b2bdecdn.raptorsupplies.com/pub/static/frontend/Raptor/Desktop/en_US/images/cat-spriteicon.svg) no-repeat;
    display: inline-block;
    margin-right: 10px
}

.brand_safety,.safety {
    background-position: -481px -73px;
    width: 25px;
    height: 21px
}

.brand_hand,.hand {
    background-position: -30px -114px;
    width: 20px;
    height: 22px
}

.brand_material,.material {
    background-position: -660px -32px;
    width: 20px;
    height: 22px
}

.brand_hvac,.hvac {
    background-position: -390px -32px;
    height: 22px;
    width: 20px
}

.brand_plumbing,.plumbing {
    background-position: -210px -73px;
    width: 20px;
    height: 22px
}

.brand_power {
    background-position: -300px -73px;
    width: 20px;
    height: 23px
}

.brand_fleet,.fleet {
    background-position: -614px -76px;
    width: 24px;
    height: 18px
}

.brand_pumps,.pumps {
    background-position: -388px -73px;
    width: 25px;
    height: 22px
}

.brand_pneumatics,.pneumatics {
    background-position: -254px -72px;
    width: 24px;
    height: 22px
}

.brand_fasteners,.fasteners {
    background-position: -255px -33px;
    width: 20px;
    height: 22px
}

.brand_abrasives {
    background-position: -27px -31px;
    width: 25px;
    height: 23px
}

.brand_adhesives {
    background-position: -75px -34px;
    width: 20px;
    height: 20px
}

.brand_electrical {
    background-position: -210px -32px;
    width: 24px;
    height: 22px
}

.brand_cleaning {
    background-position: -164px -32px;
    width: 24px;
    height: 22px
}

.brand_paint {
    background-position: -164px -73px;
    width: 20px;
    height: 22px
}

.brand_welding {
    background-position: -660px -74px;
    width: 20px;
    height: 22px
}

.brand_furniture {
    background-position: -300px -32px;
    width: 22px;
    height: 20px
}

.brand_test {
    background-position: -570px -73px;
    width: 20px;
    height: 22px
}

.brand_lab {
    background-position: -478px -32px;
    width: 25px;
    height: 22px
}

.brand_machining {
    background-position: -614px -34px;
    width: 25px;
    height: 22px
}

.brand_hardware {
    background-position: -344px -32px;
    width: 24px;
    height: 22px
}

.brand_lubrication {
    background-position: -572px -34px;
    width: 18px;
    height: 22px
}

.brand_office {
    background-position: -76px -73px;
    width: 18px;
    height: 22px
}

.brand_outdoor {
    background-position: -123px -73px;
    width: 17px;
    height: 22px
}

.brand_lighting {
    background-position: -523px -32px;
    width: 25px;
    height: 22px
}

.brand_motors {
    background-position: -28px -74px;
    width: 25px;
    height: 22px
}

.brand_hydraulics {
    background-position: -434px -32px;
    width: 25px;
    height: 22px
}

.brand_reference {
    background-position: -76px -116px;
    width: 25px;
    height: 22px
}

.allspriteicon {
    background: url(https://b2bdecdn.raptorsupplies.com/pub/static/frontend/Raptor/Desktop/en_US/images/spriteicon.svg) no-repeat;
    display: inline-block
}

.white-tick {
    background-position: -771px -518px;
    width: 13px;
    height: 11px
}

.myContainer {
    max-width: 1090px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px
}

.backgroundColor {
    background: rgba(27,33,49,.05)
}

.sectionGap {
    padding: 50px 0
}

.down_arrow_gray {
    width: 15px;
    height: 13px;
    background-position: -49px -286px
}

font.goog-text-highlight {
    position: unset!important;
    box-sizing: unset!important;
    background-color: transparent!important;
    box-shadow: unset!important
}

.date input[type=date]::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.sourcingCards {
    display: flex;
    justify-content: space-between
}

.sourcingCards p {
    font-family: 'Circular Std Book';
    font-weight: 400;
    font-size: 14px;
    color: #1a4ab9;
    line-height: 20px;
    margin: 0;
    width: 25%!important
}

.sourcingCards p a {
    display: block;
    line-height: 24px;
    color: #00b868;
    font-family: 'Circular Std';
    font-weight: 700;
    font-size: 12px
}

.green-tick {
    background-position: -771px -145px;
    height: 13px;
    width: 13px
}

.page-header {
    margin: 0;
    border-bottom: 0
}

.top-header {
    background-color: #1a4ab9;
    padding: 8px 15px;
    font-family: 'Circular Std Book';
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9!important
}

.top-header .header-innerWrapper {
    display: flex;
    max-width: 1311px;
    width: 100%;
    margin: 0 auto
}

.top-header .contact-info {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.top-header .contact-info a:nth-child(2) {
    line-height: 0
}

.top-header p {
    color: #fff;
    margin: 0;
    font-size: 14px
}

.top-header a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-family: 'Circular Std Book'
}

.top-header .contact-info a {
    display: flex;
    align-items: center;
    margin-left: 25px;
    line-height: 0
}

.top-header a:hover {
    text-decoration: none;
    color: #fff
}

.top-header .email {
    display: none
}

.top-header .inbox {
    margin-right: 5px
}

.top-header .whatsapp-icon {
    background-position: -598px -462px;
    height: 17px;
    width: 18px;
    background-image: url(https://b2bdecdn.raptorsupplies.com/pub/static/frontend/Raptor/Desktop/en_US/images/sprite2.svg);
    background-repeat: no-repeat;
    margin-right: 5px
}

.top-header .phone-icon {
    margin-right: 5px
}

.search-autocomplete li:hover {
    background-color: transparent
}

.search-autocomplete li:not(:empty) {
    border-bottom: 1px solid rgba(27,33,49,.05);
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border: 0
}

.search-autocomplete li:not(:empty):last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    background: #fff;
    border: 0 solid #c2c2c2
}

.search-autocomplete ul li:not(:empty) {
    border: 0 solid #c2c2c2;
    padding: 5px 0 5px 0
}

.search-autocomplete ul li.selected,.search-autocomplete ul li:hover {
    background: #fff
}

.banner .search-autocomplete li:not(:empty) {
    border: 0
}

.banner .search-autocomplete li:not(:empty):last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.search-autocomplete li {
    padding: 0
}

.banner .search-autocomplete li:hover {
    background: 0
}

.banner .action.primary {
    background-color: transparent;
    border: 0;
    padding: 0;
    position: relative;
    float: right;
    height: 39px;
    width: 39px;
    top: 0;
    right: 0
}

.action-primary:hover,.banner .action.primary:hover {
    background-color: transparent;
    border: 0
}

#myHeader {
    position: absolute;
    padding: 0 15px;
    width: 100%;
    top: 41px;
    z-index: 999;
    background: #fff;
    border-bottom: 1px solid rgba(27,33,49,.1)
}

.cms-home #myHeader {
    border-bottom: 0 solid rgba(27,33,49,.1)
}

.animatedHeader.animated {
    animation-fill-mode: unset;
    -webkit-animation-fill-mode: unset;
    border-bottom: 0 solid rgba(27,33,49,.1)
}

.cms-home #myHeader {
    border-bottom: 0 solid rgba(27,33,49,.1)
}

#myHeader.header-fixed {
    z-index: 999!important;
    position: fixed;
    top: 0;
    left: 0;
    max-width: unset
}

#progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 4px;
    z-index: 8;
    background-color: #00b868
}

.main-menu {
    display: flex;
    position: relative;
    align-items: center;
    max-width: 1318px;
    width: 100%;
    margin: 0 auto
}

.main-menu .logo {
    width: 12%;
    margin: 0
}

.main-menu .logo a {
    display: inline-block
}

.main-menu .logo img {
    width: 150px;
    max-width: 150px;
    height: 42px;
    max-height: 42px;
    display: inline-block
}

.main-menu .leftmenu-searchbar {
    width: 56%;
    display: flex;
    position: relative;
    justify-content: space-around;
    align-items: center
}

.main-menu .leftmenu-searchbar .left-menu {
    width: 35%
}

.main-menu .leftmenu-searchbar .left-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-around
}

.main-menu .leftmenu-searchbar .left-menu li {
    color: #1b2131;
    font-size: 16px;
    padding: 27px 0;
    margin: 0;
    cursor: pointer;
    font-family: 'Circular Std Book'
}

.main-menu .leftmenu-searchbar .left-menu li a {
    color: #1b2131;
    text-decoration: none;
    display: flex;
    align-items: center
}

.main-menu .leftmenu-searchbar .left-menu li a:hover {
    color: #1a4ab9
}

.main-menu .mega-menu {
    box-shadow: 0 8px 24px rgba(26,74,185,.1);
    max-width: 97%;
    width: 100%;
    height: Auto;
    position: Absolute;
    top: 78px;
    left: 19px;
    display: none;
    background-color: #fff;
    z-index: 999
}

.main-menu .mega-menu .inner-mega-menu a:hover {
    color: #1a4ab9
}

.main-menu .mega-menu .inner-mega-menu a:after,.main-menu .right-menu li .dropdown a:after {
    display: None
}

.main-menu li:hover .mega-menu {
    display: block;
    transition: .4s
}

.main-menu li:hover .down_arrow_gray {
    background-position: -5px -196px;
    top: 0
}

.main-menu .nav-bar .mega-menu .inner-mega-menu a:hover,.main-menu li a:hover,.right-menu li a:hover {
    color: #1a4ab9;
    text-decoration: none
}

.menu-list {
    display: flex
}

.main-menu .mega-menu .inner-mega-menu {
    width: 33.333%;
    padding: 46px 32px;
    vertical-align: top
}

.main-menu .mega-menu .inner-mega-menu a {
    font-size: 12px;
    padding-bottom: 16px;
    text-decoration: none;
    color: #1b2131;
    text-align: left;
    display: block
}

.main-menu .brand-menu .mega-menu {
    max-width: 65%;
    width: 100%;
    left: 21.8%
}

.main-menu .brand-menu .mega-menu .inner-mega-menu {
    width: 50%
}

.inner-mega-menu strong {
    font-family: 'Circular Std';
    color: #00b868
}

.main-menu .leftmenu-searchbar .search-bar {
    width: 65%;
    position: relative
}

.left-menu li span {
    position: relative;
    margin-left: 10px
}

.search-autocomplete .cart_icon {
    background-position: -171px -4px
}

.search-autocomplete li {
    padding: 0
}

.search-options li {
    border-bottom: 1px solid rgba(27,33,49,.05)!important;
    padding: 0
}

.banner .search-options li {
    border-bottom: 1px solid rgba(27,33,49,.05)!important
}

.banner .search-options li:last-child {
    border-bottom: none!important
}

.search-options li:last-child {
    border-bottom: none!important;
    padding-bottom: 0;
    margin-bottom: 0
}

.search-options li a:hover {
    background-color: transparent
}

.search-options .box {
    display: flex;
    align-items: Center;
    justify-content: space-around
}

.search-options ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.itemImg {
    width: 20%
}

.itemImg img {
    width: 40px;
    height: 40px;
    object-fit: contain
}

.itemInfo {
    width: 60%;
    color: rgba(27,33,49,.6);
    font-family: 'Circular Std';
    font-size: 14px;
    font-weight: 700
}

.search-options a {
    font-family: 'Circular Std';
    font-weight: 700;
    font-size: 12px
}

.search-options .box form {
    width: 20%
}

.itemInfo span.partnum {
    display: block;
    color: #30bdff;
    font-family: 'Circular Std Book';
    font-weight: 400
}

.itemInfo span.price {
    font-weight: 400;
    display: block;
    color: #1a4ab9;
    font-family: 'Circular Std Book'
}

.search-options .itemInfo span {
    padding: 0
}

.main-menu .leftmenu-searchbar .search-bar .search-options .box form {
    width: 20%;
    margin: 0
}

.search-bar .search-options .box form button {
    position: relative;
    top: 0!important;
    right: 0;
    float: right;
    background-color: transparent
}

.search-options .box form button span {
    padding: 0;
    float: right
}

.search-autocomplete {
    position: relative;
    overflow: visible;
    z-index: 999;
    margin: 0
}

.search-options {
    position: absolute;
    width: 100%;
    background-color: #fff;
    top: -8px;
    box-shadow: 0 8px 24px rgba(26,74,185,.1);
    padding: 15px;
    z-index: 999
}

.search-options .heading {
    font-size: 14px;
    margin: 20px 0 0;
    line-height: 16.8px;
    color: #30bdff;
    text-decoration: none;
    font-family: 'Circular Std Book'
}

.search-options .heading:first-child {
    margin-top: 0
}

.search-options a,.search-options span {
    font-size: 14px;
    display: block;
    line-height: 140%;
    color: rgba(27,33,49,.6);
    text-decoration: none;
    padding: 4px 0
}

.search-options span.add_cart {
    color: #00b868;
    text-align: right;
    width: 20%;
    font-size: 12px
}

.search-autocomplete li.selected,.search-autocomplete li:hover {
    background: #fff
}

.search-options hr {
    margin: 15px 0;
    border: 1px solid rgba(27,33,49,.05)
}

.search-options p {
    font-weight: 400;
    font-size: 10px;
    color: rgba(27,33,49,.2);
    line-height: 14px;
    margin: 21px 12px 0 12px;
    padding-top: 13px;
    border-top: 1px solid rgba(27,33,49,.05);
    display: none
}

.search-options p span {
    font-weight: 700;
    font-size: 10px;
    color: rgba(27,33,49,.2);
    display: inline-block;
    padding: 0;
    line-height: 24px
}

.leftmenu-searchbar .search-bar:hover .search-options {
    display: block
}

.search-options a:hover {
    background: rgba(27,33,49,.05);
    padding: 4px 0;
    text-decoration: none;
    color: rgba(27,33,49,.6)
}

.search-options a.heading:hover {
    background-color: transparent
}

.banner .search-options {
    top: 0
}

.main-menu .leftmenu-searchbar .search-bar input,.minisearch input,.search-bar .customeSerachbox {
    width: 100%;
    padding: 14px 16px;
    font-size: 14px;
    height: 50px;
    border: 1px solid #30bdff;
    color: #1b2131;
    caret-color: #30bdff;
    line-height: 17px;
    font-family: 'Circular Std Book'
}

.main-menu .leftmenu-searchbar .search-bar input::placeholder,.minisearch input::placeholder,.search-bar .customeSerachbox::placeholder {
    color: rgba(27,33,49,.2)
}

.main-menu .leftmenu-searchbar .search-bar form {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 8px;
    display: inline-block;
    position: relative
}

.banner input:focus,.main-menu .leftmenu-searchbar .search-bar input:focus,.minisearch input:focus,.search-bar .customeSerachbox:focus {
    border: 1px solid #1a4ab9;
    outline: 0
}

.banner input:focus::placeholder,.leftmenu-searchbar .search-bar input:focus::placeholder,.minisearch input:focus::placeholder,.search-bar .customeSerachbox:focus::placeholder {
    color: transparent
}

.main-menu .leftmenu-searchbar .search-bar button,.minisearch button,.search-bar button {
    position: absolute;
    right: 4px;
    border: 0;
    background: #00b868;
    padding: 0;
    width: 42px;
    height: 42px;
    top: 4px;
    cursor: pointer;
    z-index: 9;
    line-height: 0
}

button.close-icon2 {
    display: none
}

.main-menu .right-menu {
    width: 33%;
    position: relative
}

.main-menu .right-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.main-menu .right-menu li .connect_us {
    font-size: 16px;
    color: #00b868;
    text-decoration: none;
    padding: 6px 10px;
    background-color: #fff;
    border: 1px solid #00b868;
    display: block;
    font-family: 'Circular Std Book'
}

.main-menu .right-menu li img.down-arrow {
    padding-left: 10px
}

.main-menu .right-menu li.flag span.down_arrow_gray {
    position: relative;
    margin-left: 10px
}

.right-menu li a {
    color: #1b2131;
    font-size: 16px;
    text-decoration: none
}

.main-menu .right-menu li {
    margin-bottom: 0
}

.main-menu .right-menu .sign-in {
    padding: 25px 0;
    font-family: 'Circular Std Book'
}

.main-menu .right-menu li:first-child {
    padding: 27px 0;
    line-height: initial
}

.main-menu .right-menu li.flag img {
    height: 27px
}

.main-menu .right-menu li:last-child {
    line-height: 0
}

.main-menu .right-menu li.contact-button {
    padding-top: 10px
}

.right-menu li .dropdown {
    background-color: #fff;
    position: absolute;
    z-index: 9;
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    padding: 12px 20px 0;
    top: 78px;
    left: -64px;
    display: none;
    width: 225px
}

.right-menu li .dropdown .lang label font {
    vertical-align: unset!important
}

.right-menu li .dropdown .lang label,.right-menu li .signin-dropdown a {
    color: rgba(27,33,49,.6);
    margin: 0;
    vertical-align: text-bottom
}

.right-menu li .dropdown .lang span {
    color: #1b2131;
    padding-left: 4px;
    font-family: 'Circular Std Book'
}

.right-menu li .dropdown .lang.currency-change span {
    color: rgba(27,33,49,.6)
}

.right-menu li:hover .dropdown,.right-menu li:hover .signin-dropdown {
    display: block
}

.right-menu li .dropdown img,.right-menu li .dropdown input {
    margin-right: 10px
}

.right-menu li .dropdown input {
    margin-top: 0
}

.alternate_lang,.alternate_lang input,.alternate_lang label {
    cursor: pointer
}

.right-menu li .dropdown .lang,.right-menu li .signin-dropdown a {
    color: rgba(27,33,49,.6);
    display: flex;
    align-items: center;
    text-align: left;
    font-size: 14px;
    text-decoration: none;
    padding: 10px 0;
    font-family: 'Circular Std Book'
}

.right-menu li .signin-dropdown a {
    padding: 14px 0 14px 35px;
    position: relative
}

.right-menu li .signin-dropdown a.header_myprofile {
    display: none
}

.right-menu li .dropdown .lang:last-child {
    display: block
}

.lang.country-change {
    cursor: pointer
}

.country-change {
    cursor: pointer
}

.right-menu li .signin-dropdown {
    background-color: #fff;
    position: absolute;
    z-index: 9;
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    padding: 10px 16px;
    top: 70px;
    left: 73px;
    width: 200px;
    display: none
}

.right-menu li .signin-dropdown img {
    margin-right: 14px
}

.right-menu li .signin-dropdown span {
    position: absolute;
    right: 10px;
    background-color: #cbeeff;
    padding: 4px 8px;
    font-size: 12px
}

.right-menu li a.logged-view {
    display: none
}

.right-menu li a.sign_in {
    display: block
}

.main-menu .right-menu li.flag a {
    position: relative;
    display: flex;
    align-items: center
}

.counter {
    background-color: #00b868;
    min-height: 18px;
    min-width: 18px;
    padding: 3px 5px;
    position: absolute;
    border-radius: 50%;
    top: 18px;
    right: -5px;
    font-size: 11px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Circular Std Book'
}

.mobile-toggle {
    display: none
}

.left-menu li a {
    position: relative
}

.sign-in img {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: text-top;
    margin-right: 8px
}

.right-menu li .dropdown .lang.currency-change {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.currency-change select {
    width: auto;
    height: 25px;
    padding: 0 10px 0;
    border: 1px solid #e6e6e6;
    font-size: 14px;
    color: rgba(27,33,49,.6);
    display: inline-block;
    font-family: 'Circular Std Book';
    cursor: pointer
}

.mobile-menu .menu-mobile-list {
    display: flex;
    justify-content: space-between
}

.mobile-menu a {
    color: #1b2131;
    font-size: 14px;
    text-decoration: none;
    position: relative;
    font-family: 'Circular Std Book';
    line-height: 19px
}

.mobile-menu {
    background-color: rgba(27,33,49,.05);
    padding: 15px;
    display: none
}

.flag .dropdown span.global-icon {
    position: relative;
    top: 3px
}

.mobile-sidebar {
    display: none
}

.select-region {
    max-width: 340px;
    padding: 40px;
    background-color: #fff;
    box-shadow: 0 8px 24px rgba(26,74,185,.1);
    position: fixed;
    z-index: 9999;
    width: 100%;
    top: 50%;
    left: 50%;
    display: none;
    transform: translate(-50%,-50%)
}

.select-region .close-icon-grey {
    position: absolute;
    right: 22px;
    top: 22px
}

.select-region select {
    -webkit-appearance: auto;
    appearance: auto;
    width: 100%;
    text-align: left;
    font-family: 'Circular Std';
    height: 52px;
    padding: 5px 10px 4px;
    margin-top: 22px;
    border: 1px solid rgba(0,184,104,.3);
    font-size: 14px;
    line-height: 19px;
    color: #1b2131;
    cursor: pointer;
    background: #fff
}

.select-region select:after {
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: red;
    z-index: 1000
}

.select-region h3 {
    color: #1a4ab9;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    position: relative;
    line-height: 22px;
    font-family: 'Circular Std';
    margin: 0
}

.select-region h3:after {
    position: absolute;
    width: 40px;
    height: 3px;
    background-color: #00b868;
    content: '';
    margin: 0 auto;
    top: 25px;
    left: 0;
    right: 0
}

.select-region button {
    background-color: #00b868;
    border: 0;
    color: #fff;
    width: 100%;
    font-size: 16px;
    padding: 13px 0;
    cursor: pointer;
    margin-top: 30px;
    line-height: 20px;
    font-family: 'Circular Std Book';
    font-weight: inherit
}

.select-region button:focus {
    outline: 0
}

.select-region .currencyArea {
    display: block;
    font-size: 14px;
    color: rgba(27,33,49,.6);
    margin-top: 24px;
    line-height: 25px
}

.select-region .currencyArea h4 {
    margin-bottom: 0
}

.select-region .currencyArea span {
    color: #1b2131
}

.select-region .payment-method {
    background-color: #f1f4fb;
    padding: 15px;
    margin-top: 24px;
    text-align: center
}

.select-region .payment-method img {
    width: 100%;
    display: block
}

.select-region .payment-method h4 {
    font-size: 12px;
    text-align: center;
    color: rgba(27,33,49,.6);
    line-height: 12px;
    margin-bottom: 8px;
    font-family: 'Circular Std Book';
    font-weight: 400
}

.select-region select:focus {
    outline: 0
}

.right-menu li .signin-dropdown a i {
    position: absolute;
    left: 0;
    top: 12px
}

.cart_icon {
    background: url(https://b2bdecdn.raptorsupplies.com/pub/static/frontend/Raptor/Desktop/en_US/images/cart_icon.svg) no-repeat;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-position: -65px -4px;
    position: relative
}

.sign-in-icon {
    background-position: -1px -236px;
    margin-right: 10px;
    height: 14px;
    width: 14px;
    background-color: rgba(151,222,255,.5);
    border-radius: 50%;
    padding: 11px
}

.mobile-sidebar li.country-flag .down_arrow_gray.headerArrow {
    left: 30px
}

.right_arrow {
    width: 15px;
    height: 15px;
    background-position: -145px -10px;
    position: absolute;
    top: 6px;
    right: 0
}

.blur-background {
    width: 100%;
    background: rgba(255,255,255,.6);
    backdrop-filter: blur(10px);
    height: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    display: none
}

footer {
    background-color: #1a4ab9;
    padding: 50px 0
}

footer .footer-content {
    display: flex;
    width: 100%
}

footer h3 {
    font-size: 16px;
    color: #fff;
    line-height: 25px;
    font-family: 'Circular Std Book';
    margin-bottom: 0;
    font-weight: 300
}

footer ul.social-icons {
    list-style-type: none;
    margin: 20px 0 0;
    padding: 0;
    font-size: 0
}

footer .social-icons li {
    display: inline-block;
    padding-right: 25px;
    line-height: 0;
    margin-bottom: 0
}

footer .footer-content .footer-right {
    width: 65%
}

footer .footer-content .footer-left {
    width: 35%;
    padding-right: 25px
}

footer .social-icons li a {
    display: block
}

footer .services {
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: space-between
}

footer .services ul {
    height: auto;
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
    display: block;
    width: 100%;
    column-count: unset;
    padding-top: 0;
    -webkit-column-count: unset
}

.services-inner p {
    font-size: 15px;
    line-height: 15px;
    font-family: 'Circular Std';
    color: #fff;
    margin-bottom: 15px
}

footer .services li {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    margin: 0;
    font-weight: 700;
    vertical-align: top;
    margin-bottom: 10px;
    font-family: 'Circular Std Book';
    font-weight: 400
}

.services-inner {
    width: 25%;
    padding-right: 10px
}

footer .services li a {
    color: #fff;
    text-decoration: none;
    word-break: break-word
}

footer .copyright {
    margin-top: 50px;
    align-items: baseline
}

.copyright p.registered-company,footer p.registered-company {
    margin-top: 70px;
    color: #fff;
    margin-bottom: 0;
    font-size: 14px;
    font-family: 'Circular Std';
    font-weight: 700
}

.copyright p.registered-company {
    margin-top: 0;
    display: none
}

footer .payment-methods p {
    color: #fff;
    font-size: 18px;
    font-family: 'Circular Std Book'
}

footer .copyright p {
    font-size: 16px;
    color: #fff;
    font-family: 'Circular Std Book';
    margin: 0
}

footer .payment-methods p a {
    padding-left: 15px
}

footer .payment-methods p img {
    margin-left: 30px;
    vertical-align: bottom;
    width: auto
}

.social-spriteicons {
    background: url(https://b2bdecdn.raptorsupplies.com/pub/static/frontend/Raptor/Desktop/en_US/images/social_sprite.png) no-repeat;
    display: inline-block;
    width: 25px;
    height: 21px
}

.copyright .footer-left p {
    font-size: 14px
}

.inbox {
    background-position: -1126px -517px;
    width: 23px;
    height: 18px
}

.whatsapp-icon {
    background-position: -319px -517px;
    height: 16px;
    width: 16px
}

.phone-icon {
    height: 17px;
    width: 17px;
    background-position: -628px -462px;
    background-image: url(https://b2bdecdn.raptorsupplies.com/pub/static/frontend/Raptor/Desktop/en_US/images/sprite2.svg);
    background-repeat: no-repeat
}

.global-icon {
    background-position: -542px -4px;
    width: 20px;
    height: 20px
}

.user-icon {
    background-position: -2px -50px;
    height: 20px;
    width: 20px
}

.order-icon {
    background-position: -138px -50px;
    height: 20px;
    width: 20px
}

.coupon-icon {
    background-position: -182px -50px;
    height: 20px;
    width: 20px
}

.logout-icon {
    background-position: -407px -50px;
    height: 20px;
    width: 20px
}

.close-icon-grey {
    width: 20px;
    height: 20px;
    background-position: -588px -284px;
    cursor: pointer
}

.profile_icon {
    background-position: -4px -48px;
    height: 20px;
    width: 17px;
    margin-right: 10px
}

.coupons {
    background-position: -184px -330px;
    height: 17px;
    width: 17px;
    margin-right: 10px
}

.logout {
    background-position: -410px -326px;
    height: 20px;
    width: 20px;
    margin-right: 5px
}

.orders-icon {
    background-position: -140px -331px;
    height: 16px;
    width: 17px;
    margin-right: 10px
}

.linkedin-icon {
    background-position: 0 -3px
}

.facebook-icon {
    background-position: -47px -2px
}

.twitter-icon {
    background-position: -130px -3px
}

.pinterest-icon {
    background-position: -88px -1px
}

.truck-icon {
    background-position: -675px -564px;
    width: 30px;
    height: 20px
}

.info-icon {
    width: 16px;
    height: 16px;
    background-image: url(https://b2bdecdn.raptorsupplies.com/pub/static/frontend/Raptor/Desktop/en_US/images/i-icon.svg)
}

.close-icon {
    background-position: -588px -285px;
    height: 18px;
    width: 18px
}

.search-icon {
    background: url(https://b2bdecdn.raptorsupplies.com/pub/static/frontend/Raptor/Desktop/en_US/images/sprite.svg) -552px -540px no-repeat;
    height: 25px;
    width: 23px;
    display: inline-block
}

.fiter-search .search-icon {
    background: url(https://b2bdecdn.raptorsupplies.com/pub/static/frontend/Raptor/Desktop/en_US/images/spriteicon.svg) no-repeat;
    background-position: -272px -378px;
    height: 18px;
    width: 18px
}

.down_arrow_doger-blue {
    width: 13px;
    height: 8px;
    background-position: -50px -383px
}

.green-big-arrow {
    background-position: -410px -102px;
    height: 12px;
    width: 14px;
    margin-left: 5px
}

.green-rightarrow {
    background-position: -145px -102px;
    height: 11px;
    width: 6px;
    margin-left: 5px
}

.showingSearh .base {
    display: none
}

.table-cart-icon {
    background-position: -174px -4px
}

.inbox-mail {
    background-position: -1126px -330px;
    height: 20px;
    width: 22px
}

.phone {
    background-position: -90px -327px;
    width: 25px;
    height: 25px
}

.whatsapp {
    background-position: -316px -328px;
    height: 22px;
    width: 22px
}

.white-close-icon {
    background-position: -590px -473px;
    height: 14px;
    width: 14px
}

.lightblue-arrow {
    height: 10px;
    width: 15px;
    background-position: -50px -384px
}

.left_arrow_gray {
    background-position: -94px -286px;
    height: 18px;
    width: 16px
}

.right_arrow_gray {
    background-position: -135px -286px;
    height: 18px;
    width: 16px
}

.close-icon-white {
    background-position: -590px -473px;
    height: 16px;
    width: 16px
}

.close-icon-small-grey {
    background-position: -504px -565px;
    height: 14px;
    width: 14px
}

.calender {
    background-position: -319px -191px;
    height: 18px;
    width: 18px
}

.calender,.grey-calender {
    background-position: -319px -191px;
    height: 18px;
    width: 18px
}

.greycalender {
    background-position: -319px -286px;
    height: 18px;
    width: 18px;
    vertical-align: text-bottom;
    margin-right: 10px
}

.down-arrow {
    background-position: -52px -289px;
    height: 10px;
    width: 10px
}

.blue-right-arrow {
    background-position: -142px -380px;
    height: 14px;
    width: 10px
}

label.sticky-search {
    transition: transform .3s ease-in-out;
    width: 100%
}

.customwhatsup {
    position: fixed;
    bottom: 15px;
    left: 15px;
    right: 0;
    background: #4dc247;
    height: 50px;
    width: 50px;
    text-align: center;
    border-radius: 100%;
    box-shadow: 2px 2px 6px rgb(0 0 0 / 40%);
    line-height: 50px;
    z-index: 999;
    display: block
}

.customwhatsup svg {
    width: 30px;
    display: inherit;
    height: 41px;
    text-align: center;
    padding-top: 8px;
    margin-left: 4px
}

.whatsapp_chat {
    background: #1a4ab9;
    color: #fff
}

.help_desk_wrp {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1em
}

.help_desk_wrp .help_desk {
    width: 65%
}

.help_desk_wrp .help_desk h3 {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    opacity: .8;
    font-family: 'Circular Std Book';
    color: #fff;
    margin-bottom: 8px;
    line-height: 1
}

.help_desk_wrp .help_desk h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    text-transform: capitalize;
    margin-bottom: 0;
    line-height: 30px
}

.help_desk_wrp .whatsapp_msg a {
    background: #00b868;
    font-size: 16px;
    color: #fff;
    min-width: 220px;
    display: block;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-family: 'Circular Std Book';
    padding: 0 10px
}

.help_desk_wrp .whatsapp_msg a:hover {
    text-decoration: none
}

.help_desk_wrp .whatsapp_msg a .whatsapp-icon {
    position: relative;
    top: 3px;
    margin-right: 5px
}

.breadcrumbs .item:not(:last-child):after,.customePagination:empty {
    display: none
}

.main-menu .right-menu .help-us,.main-menu .right-menu .quote-cart {
    display: none
}

.power {
    background-position: -300px -73px;
    width: 20px;
    height: 23px
}

.promotionalwrap {
    padding: 0 0 40px
}

.promotionalwrap button.disabled {
    display: none!important
}

.promtionflat-offer {
    background: rgba(48,189,223,1);
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    position: relative;
    padding: 15px 5px;
}


.prom-trukicon {
    width: 126px;
    margin: 0 0 0 54px;
}

.flatshipping {
    padding: 0 0 0 80px;
}

.flatshipping h3 {
    font-size: 32px;
    color: rgba(255, 255, 255, 1);
    font-family: "Circular Std book";
    font-weight: 400;
    margin: 0;
    line-height: 41px;
}


.flatshipping h3 span {
    font-family:"Circular Std";
    font-weight:700;
}

.termapply {
    font-size: 12px;
    color: rgba(255, 255, 255, 1);
    font-family: "Circular Std book";
    position: absolute;
    right: 13px;
    bottom: 6px;
    margin: 0;
}
.flatshipping p {
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
    font-family: "Circular Std book";
    font-weight: 400;
    margin: 0;
    line-height: 25px;
}
.termapply a {
    color: rgba(255, 255, 255, 1);
   
}
.termapply a:hover{
     text-decoration: none;
    color:#fff
}
.promotionalinterwrap {
    padding-top: 10px;
    margin-bottom: 0
}


.saarch-index-index .promotionalinterwrap {
    margin-top: 15px
}

.top-search {
    display: none
}

.g-recaptcha {
    margin-top: 8px
}

.form-error {
    color: red;
    font-size: 14px;
    font-family: 'circular std'
}

.search-options {
    max-height: 400px;
    overflow-y: auto
}

.search-options::-webkit-scrollbar {
    width: 5px
}

.search-options::-webkit-scrollbar-track {
    background: #f1f1f1
}

.search-options::-webkit-scrollbar-thumb {
    background: #888
}

.search-options::-webkit-scrollbar-thumb:hover {
    background: #f1efef
}

.add-to-cart-button {
    cursor: pointer
}

#cart-popup {
    position: fixed;
    top: 0;
    right: 0;
    width: 400px;
    background: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 0 4px #696969;
    padding: 0;
    display: none;
    height: auto;
    z-index: 9999;
    padding-bottom: 20px
}

#close-button {
    position: absolute;
    top: 10px;
    right: 35px;
    background: 0 0;
    border: none;
    font-size: 18px;
    cursor: pointer;
    height: 19px
}

.addtext_close {
    display: flex;
    align-items: center;
    padding: 14px 27px;
    justify-content: space-between
}

.prodetail {
    font-style: normal;
    font-size: 13px;
    color: #000;
    margin-top: 0;
    font-family: "Circular Std";
    width: 80%
}

.addtotext {
    font-size: 20px;
    color: #1b2131;
    font-family: "Circular Std";
    font-weight: 700
}

.afterthree {
    padding: 10px 20px;
    max-height: 305px;
    overflow-y: auto
}

.afterthree::-webkit-scrollbar {
    width: 5px
}

.afterthree::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.afterthree::-webkit-scrollbar-thumb {
    background-color: #a9a9a9;
    outline: 0 solid #708090
}

.popmorebox {
    border-bottom: 1px solid #e9e9e9;
    padding: 10px 0;
    padding-bottom: 19px
}

.proimgbox {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-top: 0;
    border-bottom: 0 solid #e9e9e9;
    padding: 0 0
}

.popimg {
    width: 65px;
    height: 65px;
    border: 1px solid rgba(27,33,49,.3);
    padding: 4px
}

.popimg img {
    width: 100%
}

.pro_head {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #1b2131;
    font-size: 14px;
    line-height: 17px;
    font-family: "Circular Std"
}

.tick2 {
    background-position: -236px -261px;
    height: 11px;
    width: 15px;
    margin-right: 5px
}

.towbutton {
    padding: 12px 0;
    font-family: "Circular Std book";
    font-size: 16px;
    display: block;
    width: 320px;
    margin: 0 auto
}

.number-input {
    display: flex!important;
    align-items: flex-end!important;
    font-family: "Circular Std Book"
}

#cart-popup .number-input input,#cart-popup .priceWrap .number-input input {
    width: 56px;
    text-align: center;
    color: #787878;
    font-size: 14px;
    line-height: 19.6px;
    border: none;
    font-family: 'Circular Std book'
}

#cart-popup .number-input button {
    outline: 0;
    -webkit-appearance: none;
    appearance: none;
    background-color: #f0f0f0;
    border: 0;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin: 0;
    position: relative;
    display: block;
    box-shadow: none
}

#cart-popup .number-input button:after,#cart-popup .number-input button:before {
    display: inline-block;
    position: absolute;
    content: "";
    top: 12px;
    left: 50%;
    width: 8px;
    height: 1px;
    background-color: #787878;
    transform: translate(-50%,-50%)
}

#cart-popup .number-input button.plus:after {
    transform: translate(-50%,-50%) rotate(90deg)
}

.prinumdel {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 10px
}

.delete-icon {
    background-position: -1171px -49px;
    height: 22px;
    width: 20px;
    vertical-align: bottom;
    cursor: pointer
}

.pro_price .pricedigit {
    font-size: 16px;
    color: #1b2131;
    font-family: "Circular Std";
    font-weight: 700
}

.pro_price .unittext {
    font-size: 12px;
    color: #1b2131;
    font-family: "Circular Std";
    font-weight: 700
}

.priunit {
    vertical-align: bottom
}

.totaltext {
    font-family: 'Circular Std';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px
}

.totalpric {
    font-family: 'Circular Std';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: #1b2131
}

.totalbox {
    padding: 20px 27px;
    font-family: "Circular Std book";
    font-size: 16px;
    display: flex;
    justify-content: space-between
}

.totalunit {
    font-size: 12px
}

.popcheckout {
    text-align: center;
    color: #00b868;
    cursor: pointer;
    border: 1px solid #00b868;
    width: 100%;
    height: 48px;
    line-height: 48px
}

.popcheckout a {
    color: #00b868
}

.popviewcart {
    background-color: #00b868;
    color: #fff;
    text-align: center;
    width: 100%;
    margin-bottom: 16px;
    height: 48px;
    line-height: 48px
}

.popviewcart a {
    color: #fff;
    display: block
}

.proimgbox .cart_staper .number-input button {
    background-color: #f0f0f0;
    padding: inherit
}

#cart-popup .proimgbox .cart_staper .number-input button.popup_plus:after {
    transform: translate(-50%,-50%) rotate(90deg)
}

#cart-popup .proimgbox .cart_staper .number-input button:after,#cart-popup .proimgbox .cart_staper .number-input button:before {
    background-color: #787878;
    width: 14px;
    border: 1px solid #787878;
    height: 0;
    font-family: "Circular Std"
}

.proimgbox .brand_price {
    width: 100%;
    display: flex;
    text-align: center;
    justify-content: space-between;
    font-family: Circular Std;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    color: #1b2131;
    margin: 0;
    line-height: inherit
}

.proimgbox .cart_staper .number-input input {
    width: 44px;
    height: 24px;
    text-align: center;
    color: #787878;
    font-size: 14px;
    line-height: 19.6px;
    border: none
}

.proimgbox .leftdata {
    line-height: 30px;
    width: 33%;
    text-align: left
}

.greenred .greenmsg,.greenred .redmsg {
    font-size: 12px;
    font-family: "Circular Std Book";
    display: flex;
    margin-top: 5px;
    width: 100%
}

.greenred .greenmsg {
    color: #00b868
}

.greenred .redmsg {
    color: #f33;
    align-items: center;
    font-family: 'Circular Std';
    font-weight: 400
}

.loading-mask1 {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
    background: rgba(255,255,255,.5)
}

.imgloader {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100
}

.prinumdel .brand_price .cart_staper {
    margin: 0!important;
    min-height: inherit!important
}

label.wrapper {
    display: block;
    width: auto;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    margin-top: 12px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000
}

.gdpr-policy input {
    height: 0;
    width: 0;
    padding: 0;
    border-radius: 0;
    margin: 0;
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.gdpr-policy .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #68b4e7
}

.wrapper:hover input~.checkmark {
    background-color: #68b4e7
}

.wrapper input:checked~.checkmark {
    background-color: #2196f3
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.wrapper input:checked~.checkmark:after {
    display: block
}

.wrapper .checkmark:after {
    left: 6px!important;
    top: 2px!important;
    width: 4px!important;
    height: 8px!important;
    border: solid #fff!important;
    border-width: 0 2px 2px 0!important;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.gdpr-policy p a {
    color: #1a4ab9
}

.gdpr-policy {
    display: flex
}

.gdpr-policy p {
    font-size: 12px;
    color: #000;
    margin: 12px 0
}

/* start consent-from css */
.cookie-prefrence button:focus, .recommendations button:focus {
    border: 1px solid #00B868!important;
    outline: 0 !important;
}

.cookie-prefrence button, .recommendations button {
    cursor: pointer;
}

.cookie-prefrence {
    padding: 33px 40px 40px 33px;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #F3F3F4;
    border-radius: 6px;
    max-width: 593px;
    position: fixed;
    top: 0;
    background-color: #fff;
    z-index: 99999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    width: 100%;
}

.cookie-prefrence h4 {
    font-size: 18px;
    line-height: 18px;
    font-family: 'Circular Std';
    font-weight: 500;
    color: #1B2131E6;
    justify-content: space-between;
    display: flex;
    align-items: center;
    margin-bottom: 26px;
    margin-top: 0;
}

.cookie-prefrence h4 span {
    color: #1A4AB9;
    text-decoration: underline;
    font-size: 13px;
    font-family: 'Circular Std Book';
    cursor: pointer;
    line-height: 13px;
}

.cookie-prefrence p {
    color: #1B2131E6;
    font-size: 14px;
    font-family: 'Circular Std Book';
    line-height: 22px;
}

.cookie-prefrence p a, .cookie-prefrence p a:hover {
    text-decoration: none;
    color: #1A4AB9;
}

.button-wrap {
    display: flex;
    margin-top: 29px;
}

.button-wrap button {
    width: 50%;
}

.button-wrap .accept-necessary {
    color: #00B868;
    border: 1px solid #00B868;
    font-size: 18px;
    font-family: 'Circular Std';
    font-weight: 500;
    line-height: 18.4px;
    background-color: #fff;
    border-radius: 6px;
    padding: 18px 0;
    margin-right: 16px;
}

.button-wrap .accept-necessarys {
    color: #00B868;
    border: 1px solid #00B868;
    font-size: 18px;
    font-family: 'Circular Std';
    font-weight: 500;
    line-height: 18.4px;
    background-color: #fff;
    border-radius: 6px;
    padding: 18px 0;
    margin-right: 16px;
}

.button-wrap .accept-all {
    color: #fff;
    border: 1px solid #00B868;
    font-size: 18px;
    font-family: 'Circular Std';
    font-weight: 500;
    line-height: 18.4px;
    background-color: #00B868;
    border-radius: 6px;
    padding: 18px 0;
    margin-left: 16px;
}

.recommendations {
    padding: 33px;
    display: none;
}

.dark {
    background-color: #1b21314D;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: none;
    z-index: 9999999;
    overflow: hidden;
}

.switch {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 24px;
    margin-bottom: 0;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.button-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #1B213133;
    -webkit-transition: .4s;
    transition: .4s;
}

.button-slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch input:checked + .button-slider {
    background-color: #00B868;
}

.switch input:focus + .button-slider {
    box-shadow: 0 0 1px #2196F3;
}

.switch input:checked + .button-slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

.button-slider.round {
    border-radius: 34px;
}

.button-slider.round:before {
    border-radius: 50%;
}

.recommendations {
    padding: 33px 11px 40px 33px;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #F3F3F4;
    border-radius: 6px;
    max-width: 1000px;
    position: fixed;
    top: 0;
    background-color: #fff;
    z-index: 99999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    display: none;
}

.cookies {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 10px;
}

.rec-conent {
    margin-bottom: 24px;
}

.recommendations h4 {
    font-size: 16px;
    line-height: 16px;
    color: #1B2131;
    font-family: 'Circular Std';
    font-weight: 700;
}

.recommendations h4 {
    font-size: 16px;
    line-height: 16px;
    color: #1B2131;
    font-family: 'Circular Std';
    font-weight: 700;
    margin: 0;
}

.cookies span {
    font-size: 14px;
    line-height: 14px;
    color: #00B868;
    font-family: 'Circular Std Book';
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
}

.cookies h4 + span {
    cursor: unset;
}

.recommendations p {
    font-size: 14px;
    line-height: 22px;
    color: #1B2131E6;
    font-family: 'Circular Std Book';
    font-weight: normal;
    margin-bottom: 18px;
}

.recommend-btns button {
    width: 244px;
}

.recommend-btns {
    justify-content: flex-end;
}

.recommend-btns.button-wrap {
    margin-top: 5px;
}

.recommendations-inner {
    max-height: 450px;
    overflow-y: auto;
    padding-right: 24px;
    margin-top: 30px;
}

.recommendations-inner::-webkit-scrollbar {
    width: 5px;
}

.recommendations-inner::-webkit-scrollbar-track {
    background: #fff;
}

.recommendations-inner::-webkit-scrollbar-thumb {
    background: #1B21311C;
}

/* end consent-from css */
.name_error, .email_error, .phone_error, .message_error {
    font-size: 12px;
    color: red;
}

.contact-email {
    color: black
}

#show_success_msg {
    display: none;
}

.hidden-home {
    display: none;
}

.message.error, .message.info, .message.warning, .message.notice, .message.success, .message.global.noscript, .message.global.cookie, .message.global.demo {
    font-size: 14px
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* start consent-from css */
@media screen and (max-width: 1440px) {
    .recommendations-inner {
        max-height:350px;
    }
}

/* end consent-from css */
/* start consent-from css */
@media screen and (max-width: 1300px) {
    .recommendations {
        max-width:850px;
    }

    .recommendations-inner {
        max-height: 390px;
    }
}

/* end consent-from css */
@media screen and (max-width: 1280px) {
    .main-menu .leftmenu-searchbar {
        width:53%
    }

    .main-menu .leftmenu-searchbar.left-menu {
        width: 40%
    }

    .main-menu .leftmenu-searchbar .search-bar {
        width: 60%
    }

    .main-menu .right-menu {
        width: 35%
    }

    .main-menu .logo {
        width: 12%
    }

    .main-menu .right-menu li .connect_us {
        padding: 10px 15px
    }

    .main-menu .leftmenu-searchbar .search-bar input,.search-bar .customeSerachbox {
        padding: 12px 8px
    }

    footer .payment-methods p a {
        padding-left: 4px
    }
}

@media screen and (max-width: 1024px) {
	    .prom-trukicon {
        width: 142px;
        margin: 9px 0 10px 20px;
        width: 142px;
        margin: 0px 0 0px 20px;
    }
	    .flatshipping {
        padding: 0 0 0 15px;
    }
    .main-menu .logo img {
        max-width:inherit
    }

    .help_desk_wrp .help_desk h2 {
        font-size: 22px
    }

    .left-form {
        padding-right: 40px
    }

    .right-form {
        padding-left: 20px
    }

    .breadcrumbs {
        padding: 5px 0 5px 0;
        font-size: 1.2rem;
        margin: 0
    }

    .cms-home .lang_con_popwrap {
        top: 187px
    }

    .main-menu .right-menu li.flag span.down_arrow_gray {
        margin-left: 5px
    }

    .main-menu .leftmenu-searchbar .left-menu li a {
        word-break: break-word;
        display: flex
    }

    .sourcingCards p a {
        font-size: 11px
    }

    .sourcingCards p {
        width: auto
    }

    .right-menu li .signin-dropdown a.header_myprofile {
        display: block
    }

    footer .copyright {
        align-items: baseline
    }

    .main-menu .leftmenu-searchbar .search-bar input::webkit-input-placeholder,.minisearch input::webkit-input-placeholder,.search-bar .customeSerachbox::webkit-input-placeholder {
        text-indent: 1rem;
        white-space: normal
    }

    .main-menu .leftmenu-searchbar .search-bar input,.minisearch input,.search-bar .customeSerachbox {
        line-height: 21px
    }

    .main-menu .leftmenu-searchbar .search-bar form {
        margin-top: 8px
    }

    .top-header a,.top-header p {
        font-size: 12px
    }

    .top-header .contact-info {
        width: 100%
    }

    .phone-icon {
        vertical-align: top
    }

    .main-menu .leftmenu-searchbar .left-menu li,.main-menu .leftmenu-searchbar .search-bar input,.right-menu li a,.search-bar .customeSerachbox {
        font-size: 12px;
        display: block
    }

    input[type=text],textarea {
        -webkit-appearance: none;
        appearance: none
    }

    .right-menu li a {
        position: relative
    }

    .counter {
        top: -6px;
        right: -5px
    }

    .main-menu .right-menu li:first-child {
        padding-left: 10px;
        padding: 0
    }

    .main-menu .mega-menu {
        left: 0;
        top: 60px
    }

    .main-menu .mega-menu .inner-mega-menu {
        padding: 15px
    }

    .main-menu .brand-menu .mega-menu {
        left: 25%
    }

    .main-menu .search-bar input {
        padding: 10px
    }

    .main-menu .right-menu li .connect_us {
        padding: 5px;
        font-size: 12px
    }

    .main-menu .left-menu li a img,.main-menu .right-menu li img.down-arrow {
        padding: 0
    }

    .main-menu .leftmenu-searchbar {
        width: 53%
    }

    .main-menu .leftmenu-searchbar .search-bar {
        width: 55%
    }

    .main-menu .right-menu {
        width: 36%
    }

    .main-menu .leftmenu-searchbar .left-menu {
        width: 45%
    }

    .left-menu li span {
        margin-left: 0
    }

    .main-menu .right-menu li:last-child {
        padding: 0
    }

    .main-menu .logo {
        width: 15%
    }

    .main-menu .search-bar button {
        right: 4px;
        top: 10px
    }

    .right-menu li.flag a:after {
        top: 4px!important
    }

    .main-menu .leftmenu-searchbar .search-bar button,.search-bar button {
        height: 41px;
        top: 3px;
        right: 3px
    }

    footer .payment-methods p,footer h3 {
        font-size: 14px;
        line-height: 22px
    }

    .copyright .footer-left p {
        font-size: 13px
    }

    footer .services li {
        font-size: 12px;
        line-height: 21px
    }

    footer p.registered-company {
        font-size: 12px
    }

    footer .payment-methods p span {
        display: block;
        margin-top: 5px
    }

    footer .payment-methods p a {
        padding-left: 0;
        padding-right: 5px
    }

    .itemInfo {
        font-size: 12px;
        line-height: 16px;
        width: 100%
    }

    .search-options .itemInfo span {
        font-size: 12px;
        line-height: 16px
    }

    .search-options {
        padding: 10px
    }

    input {
        -webkit-border-radius: 0;
        border-radius: 0
    }

    #ksb_whatsapp_box {
        display: block!important
    }

    .main-menu .leftmenu-searchbar .search-bar input,.minisearch input,.search-bar .customeSerachbox {
        line-height: 21px;
        height: 36px
    }

    .main-menu .leftmenu-searchbar .search-bar button,.search-bar button {
        height: 30px;
        width: 30px;
        top: 3px;
        right: 3px
    }






    .promotionalinterwrap .flatshipping h3 {
        line-height: inherit
    }

    footer .footer-content .footer-left {
        width: 30%
    }

    footer .footer-content .footer-right {
        width: 70%
    }

    footer .social-icons li {
        padding-right: 20px
    }

    /* start consent-from css */
    .button-wrap .accept-all {
        font-size: 16px;
        margin-left: 10px;
        line-height: 16.4px;
    }

    .button-wrap .accept-necessary {
        margin-right: 10px;
        line-height: 16.4px;
        font-size: 16px;
    }

    .button-wrap .accept-necessarys {
        margin-right: 10px;
        line-height: 16.4px;
        font-size: 16px;
    }

    .cookie-prefrence {
        padding: 33px;
        max-width: 500px;
    }

    .cookie-prefrence h4 {
        margin-bottom: 15px;
    }

    .button-wrap {
        margin-top: 15px;
    }

    .recommendations {
        max-width: 95%;
    }

    .recommendations-inner {
        max-height: 385px;
    }

    .rec-conent {
        margin-bottom: 20px;
    }

    .recommendations p {
        margin-bottom: 12px;
    }

    /* end consent-from css */
}

@media (min-width: 992px) {
    .catOneLinear:hover~.oneliner {
        display:block
    }
}

@media screen and (max-width: 991px) {
	.prom-trukicon {
        width: 100px;
    }
	    .flatshipping h3, .flatshipping h3 span {
        font-size: 24px;
        margin: 0;
    }
    .select-region .payment-method img {
        width:auto;
        margin: 0 auto
    }

    #myHeader.header-fixed {
        z-index: 99!important
    }

    .help_desk_wrp .help_desk {
        width: 50%
    }

    .main-menu .logo img {
        width: 110px;
        height: 30px;
        margin-top: 5px
    }

    .sectionGap {
        padding: 30px 0
    }

    .main-menu .leftmenu-searchbar {
        width: 52%;
        height: 48px
    }

    .main-menu .right-menu {
        width: 26%
    }

    .top-header .contact-info {
        width: 100%;
        justify-content: space-between
    }

    .fromfild label {
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 0
    }

    .help_desk_wrp .help_desk {
        width: 50%
    }

    .main-menu {
        display: flex;
        padding: 5px 0;
        position: relative;
        align-items: center;
        max-width: 1311px;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        row-gap: 0;
        justify-content: space-between
    }

    .search-bar .search-options li a {
        padding: 10px
    }

    .search-bar .search-options .itemInfo span {
        padding: 0;
        font-size: 12px;
        word-break: break-all
    }

    .search-options span.add_cart {
        width: 20%
    }

    .search-autocomplete ul li:not(:empty) {
        border: 0
    }

    .search-options {
        padding: 10px 15px
    }

    .search-autocomplete li:not(:empty) {
        border: 0
    }

    .main-menu .search-options li {
        border-bottom: 1px solid rgba(27,33,49,.05)!important
    }

    .main-menu .search-options li:last-child {
        border-bottom: none!important
    }

    .top-header .contact-info {
        width: 100%;
        justify-content: space-between
    }

    .top-header .contact-info a:first-child {
        margin-left: 0
    }

    .top-header .email {
        display: flex;
        align-items: center
    }

    .top-header .email-id {
        display: none
    }

    .top-header a img {
        padding-right: 0;
        z-index: 99999;
        width: 48px
    }

    .top-header .whatsapp-icon {
        margin-right: 8px;
        background-position: -396px -567px;
        height: 12px;
        width: 13px
    }

    #myHeader {
        padding: 10px 0
    }

    .main-menu .leftmenu-searchbar .search-bar input {
        height: 48px;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-appearance: none;
        appearance: none
    }

    .top-header p {
        display: none
    }

    .main-menu .right-menu li.flag,.main-menu .right-menu li.sign-in {
        display: none
    }

    .main-menu .logo {
        width: 32%;
        align-items: center;
        display: flex;
        line-height: 0;
        padding-left: 16px
    }

    .header-logo {
        display: block
    }

    .mobile-menu .contact-btn {
        background-color: transparent;
        border: 0;
        color: #00b868;
        font-family: 'Circular Std book';
        padding: 0;
        font-size: 14px;
        font-weight: 400
    }

    .counter {
        min-height: 18px;
        min-width: 18px;
        top: -6px;
        right: 0;
        font-size: 10px
    }

    .leftmenu-searchbar .search-bar .search-options {
        top: 1px;
        padding: 0 0 10px 0
    }

    .search-bar .search-options a,.search-bar .search-options span {
        padding: 4px 10px;
        font-weight: 400;
        font-size: 12px
    }

    .search-bar .search-options span {
        font-size: 14px
    }

    span.rfqcart.add_cart {
        padding: 4px 0 0 0
    }

    .main-menu .leftmenu-searchbar .search-bar {
        width: 100%
    }

    .main-menu .leftmenu-searchbar .search-bar form {
        margin: 0
    }

    .search-options p {
        display: none
    }

    .main-menu .right-menu ul {
        padding: 0;
        justify-content: flex-end
    }

    .main-menu .leftmenu-searchbar .left-menu {
        display: none
    }

    .main-menu .right-menu ul li :is(.help-us__icon,.quote-cart__icon,.cart_icon) {
        height: 30px;
        display: block;
        background-image: url(https://b2bdecdn.raptorsupplies.com/pub/static/frontend/Raptor/Desktop/en_US/images/sprite.svg);
        background-repeat: no-repeat
    }

    .main-menu .right-menu .help-us__icon {
        background-position: -13px -614px;
        width: 32px
    }

    .main-menu .right-menu .quote-cart__icon {
        background-position: -538px -576px;
        width: 20px
    }

    .right-menu .cart_icon {
        background-position: -480px -6px;
        width: 27px
    }

    .main-menu .right-menu .help-us .help-us-dropdown {
        display: none;
        background: #fff;
        width: 168px;
        padding: 11px;
        box-shadow: 0 1px 10px #1b21311f;
        z-index: 99;
        position: absolute;
        top: 52px;
        right: 16px;
        transition: .7s
    }

    .triangle-with-shadow {
        width: 0;
        height: 0;
        position: absolute;
        top: -10px;
        right: 55px;
        border-left: solid 10px transparent;
        border-right: solid 10px transparent;
        border-bottom: solid 10px #fff;
        filter: drop-shadow(0 -6px 10px rgba(0, 0, 0, .1))
    }

    .help-us-dropdown .menu-item:not(:last-child) {
        margin-bottom: 17px
    }

    .help-us-dropdown .menu-item a {
        font: normal normal normal 13px/19px Circular Std Book;
        color: #1b2131CC;
        display: flex;
        align-items: center
    }

    .main-menu .right-menu .help-us:hover .help-us-dropdown {
        display: block
    }

    .main-menu .right-menu .help-us .menu-item i {
        width: 20px;
        height: 16px;
        display: inline-block;
        margin-right: 20px;
        background-image: url(https://b2bdecdn.raptorsupplies.com/pub/static/frontend/Raptor/Desktop/en_US/images/sprite.svg);
        background-repeat: no-repeat
    }

    .main-menu .right-menu .help-us .help-us__icon__email {
        background-position: -395px -463px
    }

    .main-menu .right-menu .help-us .help-us__icon__whatsapp {
        background-position: -424px -461px
    }

    .main-menu .right-menu .help-us .help-us__icon__phone {
        background-position: -453px -461px
    }

    .mobile-toggle {
        width: 35px;
        display: block;
        height: 25px;
        background: url(https://b2bdecdn.raptorsupplies.com/pub/static/frontend/Raptor/Desktop/en_US/images/sprite.svg) -523px -7px no-repeat;
        padding-right: 12px
    }

    #myHeader.mobile-sticky-header {
        -webkit-transition: opacity .3s,-webkit-transform .3s;
        transition: opacity .3s,-webkit-transform .3s;
        transition: opacity .3s,transform .3s;
        transition: opacity .3s,transform .3s,-webkit-transform .3s;
        animation: smoothScroll .3s forwards
    }

    @keyframes smoothScroll {
        0% {
            opacity: 0;
            transform: translateY(-100%)
        }

        100% {
            opacity: 1;
            transform: translateY(0)
        }
    }

    .mobile-sidebar {
        background-color: #fff;
        position: fixed;
        width: 0;
        height: 100%;
        overflow: hidden;
        max-width: 45%;
        left: 0;
        box-shadow: 0 8px 24px rgba(26,74,185,.1);
        padding: 25px 15px;
        z-index: 99999;
        transition: .5s all;
        transform: translateX(-700px);
        display: block;
        overflow-y: scroll;
        font-family: 'Circular Std Book';
        bottom: 0
    }

    .mobile-sidebar.mobile-menu-show {
        transform: translateX(0);
        width: 100%
    }

    .mobile-sidebar .signin-countryflag {
        display: flex;
        justify-content: space-between;
        list-style-type: none;
        padding: 0;
        margin: 0;
        align-items: center
    }

    .mobile-sidebar .signin-countryflag li {
        margin-bottom: 0
    }

    .mobile-sidebar .signin-countryflag li a {
        display: flex;
        align-items: center;
        text-decoration: none;
        color: #000;
        font-size: 16px;
        font-weight: 700;
        font-family: "Circular Std"
    }

    .mobile-sidebar .signin-countryflag li a img {
        padding-right: 10px
    }

    .mobile-sidebar .signin-countryflag li.country-flag {
        position: relative;
        padding-right: 15px;
        display: flex;
        align-items: center
    }

    .mobile-sidebar .signin-countryflag li.country-flag img {
        height: 100%
    }

    .mobile-sidebar li.country-flag .down_arrow_gray {
        position: absolute;
        background-position: -48px -7px;
        line-height: 0;
        vertical-align: top
    }

    .mobile-sidebar .list {
        list-style-type: none;
        border-bottom: 1px solid rgba(27,33,49,.1);
        padding-bottom: 25px;
        padding-left: 0;
        margin: 40px 0 32px 0
    }

    .mobile-sidebar .list li {
        padding: 0;
        margin-bottom: 0
    }

    .list li:first-child {
        padding-bottom: 15px
    }

    .mobile-sidebar .list li a strong {
        color: #00b868;
        font-size: 12px
    }

    .mobile-sidebar .list li a {
        color: #000;
        font-size: 16px;
        text-decoration: none;
        display: block;
        position: relative
    }

    .mobile-sidebar .list li span {
        color: #000;
        font-size: 16px;
        text-decoration: none;
        display: block;
        position: relative
    }

    .mobile-sidebar .list li span .right_arrow {
        position: absolute
    }

    .sidebar-categories h3 .left-blue-arrow {
        float: left;
        margin-top: 4px
    }

    .mobile-sidebar ul.new-user-view {
        list-style-type: none;
        margin: 0;
        padding-left: 0;
        opacity: .2
    }

    .mobile-sidebar .new-user-view li:last-child {
        padding: 20px 0 0 0;
        display: none
    }

    .mobile-sidebar ul.new-user-view.ViewProfile {
        opacity: 1
    }

    .mobile-sidebar .new-user-view.ViewProfile li:last-child {
        display: block;
        border-top: 1px solid rgba(27,33,49,.1)
    }

    .mobile-sidebar .new-user-view li a {
        color: #1b2131;
        font-size: 16px;
        text-decoration: none;
        padding: 20px 0
    }

    .mobile-sidebar .new-user-view li {
        padding-bottom: 15px;
        margin-bottom: 0
    }

    .mobile-sidebar .signin-countryflag li a.logged-in-view {
        display: none
    }

    span.hor-line {
        border-bottom: 1px solid rgba(27,33,49,.1);
        display: block;
        padding: 10px 0
    }

    .mobile-sidebar ul.logged-out {
        list-style-type: none;
        margin: 0;
        padding: 20px 0 0 0;
        display: none
    }

    .mobile-sidebar .new-user-view li a span.coupon-number {
        background: rgba(151,222,255,.5);
        color: #1a4ab9;
        font-size: 12px;
        padding: 3px 6px;
        position: absolute;
        right: 25px;
        font-family: 'Circular Std Book'
    }

    a.sign-in-to-unlock {
        color: #00b868;
        border: 1px solid #00b868;
        background-color: transparent;
        padding: 10px 25px;
        font-size: 16px;
        text-decoration: none;
        display: inline-block;
        margin-top: 10px
    }

    .main-menu .leftmenu-searchbar .search-bar button,.search-bar button {
        height: 40px;
        right: 4px;
        top: 4px;
        width: 40px
    }

    .mobile-menu a {
        font-size: 12px;
        text-decoration: none
    }

    .sidebar-categories {
        background: #fff;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        height: 100%;
        overflow: scroll;
        z-index: 9;
        transform: translateX(1000px);
        transition: .5s all
    }

    .sidebar-categories.sub-menu-dropdown-open {
        transform: translateX(0)
    }

    .sidebar-categories h3 {
        line-height: inherit;
        margin: 0;
        color: #1a4ab9;
        background-color: #cbeeff;
        padding: 10px;
        position: sticky;
        display: block;
        width: 100%;
        top: 0;
        z-index: 9;
        font-size: 18px;
        font-family: Circular Std
    }

    .sidebar-categories ul {
        list-style-type: none;
        margin: 0;
        padding: 15px
    }

    .sidebar-categories li a {
        text-decoration: none;
        font-size: 14px;
        font-weight: 400;
        color: rgba(27,33,49,.7);
        display: block;
        border-bottom: 1px solid #ccc;
        padding: 5px 0
    }

    .left-blue-arrow {
        background-position: -99px -191px;
        height: 18px;
        width: 12px;
        margin-right: 10px
    }

    .sidebar-categories li:first-child {
        padding-bottom: 0
    }

    .sidebar-categories li {
        margin-bottom: 0
    }

    .select-region {
        z-index: 99999;
        max-width: 90%
    }

    .select-region .payment-method {
        padding: 15px 5px
    }

    .currencyArea h4 {
        font-size: 14px;
        color: #1b2131;
        margin-top: 24px;
        line-height: 25px;
        font-weight: 400;
        font-family: 'Circular Std'
    }

    .currencyArea h4 span {
        color: #1a4ab9
    }

    ul.sidebar-footer {
        list-style-type: none;
        margin-top: 25px;
        padding-top: 20px;
        border-top: 1px solid rgba(27,33,49,.05);
        margin-bottom: 0;
        padding-left: 0
    }

    .sidebar-footer li {
        padding: 5px 0;
        line-height: 0;
        margin-bottom: 0
    }

    .sidebar-footer li a {
        text-decoration: none;
        font-size: 12px;
        color: rgba(27,33,49,.6);
        line-height: 15px
    }

    button:focus {
        outline: 0
    }

    .koreanbanner {
        align-items: center;
        padding: 10px;
        width: 100%
    }

    .k_centertext {
        width: 60%
    }

    .customePagination+#alllineorkakao_cat2 {
        margin-top: 30px
    }

    .sectionGap {
        padding: 30px 0
    }

    .search-options .box form {
        padding-right: 10px
    }

    .main-menu .right-menu li.help-us {
        padding-right: 20px
    }

    .search-options .box form {
        padding-right: 0
    }

    .search-autocomplete .cart_icon {
        background-position: -171px -4px
    }

    .internalariba .sapLink {
        display: block
    }

    .internalariba .aribabanner {
        width: 100%
    }


    .top-whatsapp {
        display: none!important
    }


    .category-categoryl1-index .promotionalinterwrap .flatshipping {
        padding: 5px 0 0 40px
    }


    .oneliner-expand .oneliner,.oneliner-expand~.oneliner {
        position: fixed;
        z-index: 9999;
        background: #fff;
        display: block;
        top: 50%!important;
        min-width: 350px;
        left: 50%;
        margin: auto;
        color: #000;
        font-weight: 400;
        font-size: 12px;
        border-radius: 8px 0 8px 0;
        box-sizing: border-box;
        box-shadow: 0 8px 24px rgb(26 74 185 / 10%);
        transform: translate(-50%,-50%);
        padding: 10px
    }

    .main-menu .right-menu li {
        margin-right: 16px
    }

    .category_l3_table tr td .greenmsg,.category_l3_table tr td .redmsg {
        right: 10px
    }
}

@media screen and (max-width: 767px) {
	.promtionflat-offer {
        background: rgba(48, 189, 223, 1);
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
        align-items: center;
        position: relative;
        padding: 12px 5px;
    }
	.prom-trukicon {
        width: 25%;
        margin: 0;
    }
	.flatshipping {
        width: 75%;
        /* padding-left: 8px; */
    }
	.flatshipping h3 {
               font-size: 14px;
        color: rgba(255, 255, 255, 1);
        font-family: "Circular Std book";
        font-size: 16px;
        margin: 0;
        font-family: 'Circular Std';
        font-weight: 500;
        color: #fff;
        line-height: 20px;
    }
	.flatshipping h3 span {
        font-family: "Circular Std"; */
        /* font-size: 14px; */
        color: rgba(255, 255, 255, 1);
        /* font-weight: 700; */
        font-size: 16px;
        font-family: 'Circular Std';
        font-weight: 700;
    }
	.termapply{
		font-size: 9px;
        color: rgba(255, 255, 255, 1);
        font-family: "Circular Std book";
        position: absolute;
        right: 9px;
        bottom: 3px;
		margin:0;
	}
    .breadcrumbs ul {
        display:flex;
        align-items: baseline
    }

    .desktop-home {
        display: none
    }

    .breadcrumbs li {
        vertical-align: unset
    }

    .breadcrumbs li.breadcrumb-toggle {
        display: inline;
        position: relative
    }

    .breadcrumbs li.breadcrumb-toggle svg {
        border-radius: 3px
    }

    .breadcrumbs li.breadcrumb-toggle button {
        border: 0;
        padding: 0 2px;
        position: relative;
        top: 2px;
        background-color: #e3f2fe;
        display: inline-flex
    }

    .breadcrumbs li.breadcrumb-toggle ul {
        display: none;
        position: absolute;
        box-shadow: 0 4px 10px rgba(0,0,0,.1);
        background-color: #fff;
        z-index: 99;
        padding: 12px 15px;
        left: 11px;
        width: 215px
    }

    .breadcrumbs li:not(:nth-child(2)):last-child {
        display: none
    }

    .page-layout-1column .breadcrumbs li:last-child {
        display: inline
    }

    .breadcrumbs li.breadcrumb-toggle ul li {
        margin-bottom: 7px;
        display: block
    }

    .breadcrumbs li.breadcrumb-toggle ul li:last-child {
        margin-bottom: 0
    }

    .breadcrumbs li.breadcrumb-toggle ul li:last-child:after {
        display: none
    }

    .breadcrumbs li.breadcrumb-toggle ul li:after {
        color: #53586a;
        content: "  /\00a0";
        font-size: 10px
    }

    .breadcrumbs li.breadcrumb-toggle ul li:before {
        display: none
    }

    .breadcrumbs li.breadcrumb-toggle.open-bread-toggle ul {
        display: block
    }

    .cartpopup {
        top: unset!important
    }

    .gdpr-policy p {
        margin: 0 0 12px
    }

    label.wrapper {
        margin-top: 0
    }

    .search-bar .search-options a span {
        padding: 0
    }

    .select-region .payment-method h4 {
        font-weight: 400;
        font-family: 'Circular Std'
    }

    .get-in-touch+.random-products.random-links,.l3motherbreadcrumb .random-products.random-links {
        padding: 30px 0
    }

    .random-links h4 {
        font-size: 16px;
        line-height: 16px;
        padding: 0 0 20px 0
    }

    .random-products.random-links ul {
        max-height: 232px;
        overflow: auto;
        column-count: unset;
        display: block
    }

    .random-products.random-links li {
        height: auto;
        margin-bottom: 12px;
        width: 100%
    }

    .random-products.random-links li a {
        padding-right: 10px
    }

    .top-header .contact-info a {
        margin-left: 0
    }

    .top-header .contact-info a:nth-child(2) {
        margin-right: 12px
    }

    .priceWrap .greenmsg,.priceWrap .redmsg {
        justify-content: center
    }

    .cart.item .moq_error {
        display: block;
        margin-top: 10px;
        font-size: 10px;
        width: max-content;
        left: 28px;
        bottom: 9px;
        top: unset
    }

    .cart.item .moq_error img {
        top: 2px
    }

    .g-recaptcha {
        transform: scale(.860265)!important;
        -webkit-transform: scale(.860265)!important;
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        margin-top: 10px
    }

    .mcmaster_Carr .g-recaptcha,.submit-rfq-popup .g-recaptcha {
        transform: scale(.860265)!important;
        -webkit-transform: scale(.860265)!important;
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        margin-top: 10px
    }

    footer .copyright .payment-methods p {
        margin-top: 0
    }

    #noresultpage {
        padding: 0 0 30px 0!important;
        margin-top: 0!important
    }

    iframe#launcher {
        left: 15px!important;
        margin: 0!important;
        bottom: 13px!important
    }

    .payment-methods {
        flex-direction: column;
        align-items: flex-start
    }

    .payment-sprite:first-child {
        margin-left: 0
    }

    .top-header .top-whatsapp {
        display: none!important
    }

    .cms-home .breadcrumbs {
        padding: 0!important;
        margin-top: 221px
    }

    .main-menu .right-menu li.cntct a {
        padding: 5px;
        line-height: 16px;
        color: #1b2131;
        border: 1px solid #1b2131
    }

    .main-menu .right-menu li.cntct {
        display: none;
        padding: 0!important
    }

    .form-div textarea:focus-visible {
        border: 1px solid rgba(27,33,49,.6);
        outline: 0
    }

    .form-div textarea#cmnt:not(#image-rfq.form-divtextarea#cmnt):focus-visible {
        border: 1px solid #1b2131cc;
        outline: 0
    }

    .country-flag img {
        width: 28px;
        height: 19px!important
    }

    .newheader {
        display: block
    }

    .headermyone {
        display: none
    }

    .cms-home .mobile-toggle {
        margin-top: 0
    }

    .main-menu .leftmenu-searchbar .search-bar input,.minisearch input,.search-bar .customeSerachbox {
        border: 0!important
    }

    .whatsapp_chat {
        padding: 30px 0;
        margin-top: 0
    }

    .half-collomn,.help_desk_wrp .help_desk {
        width: 100%
    }

    .whatsapp_msg {
        width: 100%;
        margin-top: 30px
    }

    .help_desk_wrp {
        gap: 0
    }

    .help_desk_wrp .help_desk h3 {
        font-size: 14px;
        margin-bottom: 10px
    }

    .help_desk_wrp .help_desk h2 {
        font-size: 18px;
        line-height: 30px
    }

    .help_desk_wrp .whatsapp_msg a {
        font-size: 14px;
        width: 100%
    }

    .breadcrumbs {
        padding: 5px 0;
        line-height: 12px
    }

    .get-in-touch {
        padding: 35px 0 50px 0
    }

    .get-in-touch .form-area {
        flex-direction: column
    }

    .get-in-touch h4 {
        margin-top: 43px;
        margin-bottom: 8px
    }

    .left-form,.right-form {
        width: 100%;
        padding: 0
    }

    .form-div input,.form-div textarea {
        padding: 14px 10px
    }

    .form-area .down-arrow {
        margin-left: 8px;
        right: 15px
    }

    .form-div label {
        display: inline-block
    }

    .get-in-touch form .group {
        gap: 0;
        flex-direction: column
    }

    .get-in-touch form .group .form-div {
        width: 100%!important
    }

    span.rfqcart {
        font-size: 12px!important;
        line-height: 12px;
        padding: 4px 0!important
    }

    footer h3 {
        margin-top: 0
    }

    #ksb_whatsapp_box {
        display: flex!important
    }

    .sourcingArea {
        display: block
    }

    .sourcingCards p {
        font-size: 10px
    }

    .search-bar .search-options li a {
        padding: 10px
    }

    .search-bar .search-options .itemInfo span {
        padding: 0;
        font-size: 12px
    }

    .itemImg {
        display: block
    }

    .itemInfo {
        width: 60%
    }

    .search-autocomplete li:not(:empty) {
        border: 0
    }

    .search-options {
        padding: 10px 0
    }

    .main-menu .search-options li {
        border-bottom: 1px solid rgba(27,33,49,.05)!important
    }

    .main-menu .search-options li:last-child {
        border-bottom: none!important
    }

    #progress-bar {
        display: none
    }

    .top-header .contact-info {
        width: 100%;
        justify-content: end
    }

    .top-header .contact-info a:first-child {
        margin-left: 0;
        margin-right: auto
    }

    .top-header .email {
        display: flex;
        align-items: center
    }

    .top-header .email-id {
        display: none
    }

    .top-header a img {
        padding-right: 0
    }

    .top-header .whatsapp-icon {
        margin-right: 8px;
        background-position: -396px -567px;
        height: 12px;
        width: 13px
    }

    #myHeader {
        padding: 0 15px 0 0
    }

    .main-menu .leftmenu-searchbar .search-bar input {
        height: 36px;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-appearance: none;
        appearance: none
    }

    body:is(.checkout-cart-index,.checkout-index-index) .main-menu .leftmenu-searchbar {
        display: none
    }

    #myHeader {
        padding: 0
    }

    body:is(.checkout-cart-index,.checkout-index-index) #myHeader {
        padding: 0
    }

    .top-header p {
        display: none
    }

    .main-menu .right-menu li.flag,.main-menu .right-menu li.sign-in {
        display: none
    }

    .main-menu .logo {
        width: 50%;
        align-items: center;
        display: flex;
        line-height: 0;
        padding-left: 16px;
        max-width: unset
    }

    .main-menu .logo img {
        width: 102px;
        height: 28px;
        margin-top: 3px
    }

    .header-logo {
        display: block
    }

    .mobile-menu a {
        text-decoration: none;
        font-size: 12px
    }

    .mobile-menu .contact-btn {
        background-color: transparent;
        border: 0;
        color: #00b868;
        font-family: 'Circular Std book';
        padding: 0;
        font-size: 14px;
        font-weight: 400
    }

    .main-menu .leftmenu-searchbar {
        width: 100%;
        order: 3;
        padding: 6px 16px;
        background-color: #1a4ab9;
        display: none
    }

    .leftmenu-searchbar .search-bar .search-options {
        top: 1px;
        padding: 0 0 10px 0
    }

    .search-bar .search-options a,.search-bar .search-options span {
        padding: 4px 10px;
        font-weight: 400;
        font-size: 12px
    }

    .search-bar .search-options span {
        font-size: 14px;
        background-color: transparent
    }

    .main-menu .leftmenu-searchbar .search-bar {
        width: 100%;
        line-height: 0;
        padding-right: 0
    }

    .main-menu .leftmenu-searchbar .search-bar form {
        margin: 0
    }

    .search-options p {
        display: none
    }

    .main-menu .right-menu {
        width: 48%;
        padding-right: 15px
    }

    .main-menu .right-menu ul {
        padding: 0;
        justify-content: flex-end
    }

    .right-menu .cart_icon {
        background-position: -125px -9px;
        height: 24px;
        width: 24px
    }

    .main-menu .leftmenu-searchbar .left-menu {
        display: none
    }

    .main-menu .right-menu li:not(:last-child) {
        margin-right: 10px
    }

    .main-menu .right-menu ul li :is(.help-us__icon,.quote-cart__icon,.cart_icon) {
        height: 30px;
        display: block;
        background-image: url(https://b2bdecdn.raptorsupplies.com/pub/static/frontend/Raptor/Desktop/en_US/images/sprite.svg);
        background-repeat: no-repeat
    }

    .main-menu .right-menu .help-us__icon {
        background-position: -13px -614px;
        width: 32px
    }

    .main-menu .right-menu .quote-cart__icon {
        background-position: -538px -576px;
        width: 20px
    }

    .right-menu .cart_icon {
        background-position: -480px -6px;
        width: 27px
    }

    .main-menu .right-menu .help-us .help-us-dropdown {
        display: none;
        background: #fff;
        width: 168px;
        padding: 11px;
        box-shadow: 0 1px 10px #1b21311f;
        z-index: 99;
        position: absolute;
        top: 52px;
        right: 16px;
        transition: .7s
    }

    .triangle-with-shadow {
        width: 0;
        height: 0;
        position: absolute;
        top: -10px;
        right: 55px;
        border-left: solid 10px transparent;
        border-right: solid 10px transparent;
        border-bottom: solid 10px #fff;
        filter: drop-shadow(0 -6px 10px rgba(0, 0, 0, .1))
    }

    .help-us-dropdown .menu-item:not(:last-child) {
        margin-bottom: 17px
    }

    .help-us-dropdown .menu-item a {
        font: normal normal normal 13px/19px Circular Std Book;
        color: #1b2131CC;
        display: flex;
        align-items: center
    }

    .main-menu .right-menu .help-us:hover .help-us-dropdown {
        display: block
    }

    .main-menu .right-menu .help-us .menu-item i {
        width: 20px;
        height: 16px;
        display: inline-block;
        margin-right: 20px;
        background-image: url(https://b2bdecdn.raptorsupplies.com/pub/static/frontend/Raptor/Desktop/en_US/images/sprite.svg);
        background-repeat: no-repeat
    }

    .main-menu .right-menu .help-us .help-us__icon__email {
        background-position: -395px -463px
    }

    .main-menu .right-menu .help-us .help-us__icon__whatsapp {
        background-position: -424px -461px
    }

    .main-menu .right-menu .help-us .help-us__icon__phone {
        background-position: -453px -461px
    }

    .mobile-toggle {
        max-width: 35px;
        width: 100%;
        display: block;
        height: 25px;
        background: url(https://b2bdecdn.raptorsupplies.com/pub/static/frontend/Raptor/Desktop/en_US/images/sprite.svg) -523px -7px no-repeat;
        padding-right: 12px
    }

    .main-head.mobile-sticky-header {
        -webkit-transition: opacity .3s,-webkit-transform .3s;
        transition: opacity .3s,-webkit-transform .3s;
        transition: opacity .3s,transform .3s;
        transition: opacity .3s,transform .3s,-webkit-transform .3s;
        animation: smoothScroll .3s forwards;
        position: fixed!important;
        top: 0;
        z-index: 999;
        width: 100%
    }

    .main-head.mobile-sticky-header .top-header {
        top: 0!important
    }

    .main-head.mobile-sticky-header #myHeader {
        top: 41px!important
    }

    .main-head.mobile-sticky-header.searchfix #myHeader {
        top: 0!important
    }

    @keyframes smoothScroll {
        0% {
            opacity: 0;
            transform: translateY(-100%)
        }

        100% {
            opacity: 1;
            transform: translateY(0)
        }
    }

    .mobile-sidebar {
        background-color: #fff;
        position: fixed;
        width: 0;
        height: 100%;
        overflow: hidden;
        max-width: 70%;
        left: 0;
        box-shadow: 0 8px 24px rgba(26,74,185,.1);
        padding: 25px 15px;
        z-index: 99999;
        transition: .5s all;
        transform: translateX(-700px);
        display: block;
        overflow-y: scroll;
        font-family: 'Circular Std Book';
        bottom: 0
    }

    a.default-view {
        font-family: 'Circular Std';
        font-weight: 700
    }

    .mobile-sidebar.mobile-menu-show {
        transform: translateX(0);
        width: 100%
    }

    .mobile-sidebar .signin-countryflag {
        display: flex;
        justify-content: space-between;
        list-style-type: none;
        padding: 0;
        margin: 0;
        align-items: center
    }

    .mobile-sidebar .signin-countryflag li {
        margin-bottom: 0
    }

    .mobile-sidebar .signin-countryflag li a {
        display: flex;
        align-items: center;
        text-decoration: none;
        color: #000;
        font-size: 16px
    }

    .mobile-sidebar .signin-countryflag li a img {
        padding-right: 10px
    }

    .mobile-sidebar .signin-countryflag li.country-flag {
        position: relative;
        padding-right: 15px;
        display: flex;
        align-items: center
    }

    .mobile-sidebar li.country-flag .down_arrow_gray {
        position: absolute;
        background-position: -48px -7px;
        line-height: 0;
        vertical-align: top;
        top: 0
    }

    .mobile-sidebar .list {
        list-style-type: none;
        border-bottom: 1px solid rgba(27,33,49,.1);
        padding-bottom: 25px;
        padding-left: 0;
        margin: 40px 0 32px 0
    }

    .mobile-sidebar .list li {
        padding: 0;
        margin-bottom: 0
    }

    .list li:first-child {
        padding-bottom: 15px
    }

    .mobile-sidebar .list li a strong {
        color: #00b868;
        font-size: 12px
    }

    .mobile-sidebar .list li a {
        color: #000;
        font-size: 16px;
        text-decoration: none;
        display: block;
        position: relative
    }

    .mobile-sidebar .list li span {
        color: #000;
        font-size: 16px;
        text-decoration: none;
        display: block;
        position: relative
    }

    .mobile-sidebar .list li span .right_arrow {
        position: absolute
    }

    .sidebar-categories h3 .left-blue-arrow {
        float: left;
        margin-top: 4px
    }

    .mobile-sidebar ul.new-user-view {
        list-style-type: none;
        margin: 0;
        padding-left: 0;
        opacity: .2
    }

    .mobile-sidebar .new-user-view li:last-child {
        padding: 20px 0 0 0;
        display: none
    }

    .mobile-sidebar ul.new-user-view.ViewProfile {
        opacity: 1
    }

    .mobile-sidebar .new-user-view.ViewProfile li:last-child {
        display: block;
        border-top: 1px solid rgba(27,33,49,.1)
    }

    .mobile-sidebar .new-user-view li a {
        color: #1b2131;
        font-size: 16px;
        text-decoration: none;
        padding: 20px 0
    }

    .mobile-sidebar .new-user-view li {
        padding-bottom: 15px;
        margin-bottom: 0
    }

    .mobile-sidebar .signin-countryflag li a.logged-in-view {
        display: none
    }

    span.hor-line {
        border-bottom: 1px solid rgba(27,33,49,.1);
        display: block;
        padding: 10px 0
    }

    .mobile-sidebar ul.logged-out {
        list-style-type: none;
        margin: 0;
        padding: 20px 0 0 0;
        display: none
    }

    .mobile-sidebar .new-user-view li a span.coupon-number {
        background: rgba(151,222,255,.5);
        color: #1a4ab9;
        font-size: 12px;
        padding: 3px 6px;
        position: absolute;
        right: 25px;
        font-family: 'Circular Std Book'
    }

    a.sign-in-to-unlock {
        color: #00b868;
        border: 1px solid #00b868;
        background-color: transparent;
        padding: 10px 25px;
        font-size: 16px;
        text-decoration: none;
        display: inline-block;
        margin-top: 10px
    }

    ul.sidebar-footer {
        list-style-type: none;
        margin-top: 25px;
        padding-top: 20px;
        border-top: 1px solid rgba(27,33,49,.05);
        margin-bottom: 0;
        padding-left: 0
    }

    .sidebar-footer li {
        padding: 5px 0;
        line-height: 0;
        margin-bottom: 0
    }

    .sidebar-footer li a {
        text-decoration: none;
        font-size: 12px;
        color: rgba(27,33,49,.6);
        line-height: 15px
    }

    button:focus {
        outline: 0
    }

    .sidebar-categories {
        background: #fff;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        height: 100%;
        overflow: scroll;
        z-index: 9;
        transform: translateX(1000px);
        transition: .5s all
    }

    .sidebar-categories.sub-menu-dropdown-open {
        transform: translateX(0)
    }

    .sidebar-categories h3 {
        line-height: inherit;
        margin: 0;
        color: #1a4ab9;
        background-color: #cbeeff;
        padding: 10px;
        position: sticky;
        display: block;
        width: 100%;
        top: 0;
        z-index: 9;
        font-size: 18px;
        font-family: Circular Std
    }

    .sidebar-categories ul {
        list-style-type: none;
        margin: 0;
        padding: 15px
    }

    .sidebar-categories li a {
        text-decoration: none;
        font-size: 14px;
        font-weight: 400;
        color: rgba(27,33,49,.7);
        display: block;
        border-bottom: 1px solid #ccc;
        padding: 5px 0
    }

    .left-blue-arrow {
        background-position: -99px -191px;
        height: 18px;
        width: 12px;
        margin-right: 10px
    }

    .sidebar-categories li:first-child {
        padding-bottom: 0
    }

    .sidebar-categories li {
        margin-bottom: 0
    }

    .select-region {
        z-index: 9999;
        max-width: 90%
    }

    .select-region .payment-method img {
        width: 100%;
        display: block
    }

    .select-region .currencyArea h4 {
        font-size: 14px;
        color: #1b2131;
        margin-top: 24px;
        font-family: 'Circular Std Book';
        font-weight: 400;
        line-height: 14px
    }

    .select-region .currencyArea h4 span {
        color: #1a4ab9
    }

    footer {
        padding: 50px 0 70px 0
    }

    footer p.registered-company {
        display: none
    }

    footer .copyright {
        margin-top: 40px
    }

    footer .footer-content {
        flex-direction: column
    }

    .copyright p.registered-company {
        display: block;
        font-size: 12px;
        margin-bottom: 30px
    }

    footer .footer-content .footer-left,footer .footer-content .footer-right {
        width: 100%;
        padding-right: 0
    }

    footer .services {
        flex-wrap: wrap
    }

    footer .payment-methods p a {
        padding-right: 0
    }

    .copyright .footer-left {
        margin: 40px 0 0 0
    }

    .footer-content.copyright .footer-left {
        order: 2
    }

    .footer-right h3 {
        margin-top: 40px
    }

    .services-inner p {
        margin-bottom: 5px
    }

    .services-inner:first-child {
        margin-bottom: 20px;
        order: 1
    }

    .services-inner:nth-child(2n) {
        order: 2
    }

    .services-inner:nth-child(3n) {
        order: 4
    }

    .services-inner:last-child {
        order: 3
    }

    footer .social-icons li {
        padding-right: 20px
    }

    .services-inner {
        width: 50%;
        padding-right: 15px
    }

    footer .services li {
        width: 100%;
        line-height: 23px;
        margin: 0
    }

    footer .payment-methods p img {
        margin-left: 0;
        display: block;
        margin-top: 16px;
        width: auto
    }

    .copyright .footer-left p {
        font-size: 12px;
        padding-right: 0
    }

    .customwhatsup svg {
        width: 30px;
        display: inherit;
        height: 41px;
        text-align: center;
        padding-top: 8px;
        margin-left: 4px
    }

    .customwhatsup {
        position: fixed;
        bottom: 15px;
        left: inherit;
        right: 15px;
        background: #4dc247;
        height: 50px;
        width: 50px;
        text-align: center;
        border-radius: 100%;
        box-shadow: 2px 2px 6px rgb(0 0 0 / 40%);
        line-height: 50px;
        z-index: 999;
        display: block
    }

    svg:not(:root) {
        overflow: hidden
    }

    .customePagination span:not([class]) {
        padding: 0;
        margin: 0
    }

    .main-menu {
        flex-wrap: wrap;
        padding: 0;
        row-gap: 0;
        justify-content: space-between
    }

    .main-menu .right-menu .quote-cart {
        display: block
    }

    .main-menu .leftmenu-searchbar .search-bar button,.search-bar button {
        top: 4px;
        right: 4px;
        border-radius: 3px;
        height: 28px;
        width: 28px
    }

    .select-region select {
        height: 42px;
        display: block;
        font-family: 'Circular Std Book'
    }

    .main-menu .right-menu li:last-child {
        padding: 9px 0;
        margin-right: 0
    }


    .internalariba .aribalogo {
        width: 40%;
        border: none;
        background: #f6f6f6;
        padding: 12px
    }

    .internalariba .aribacont {
        width: 60%;
        padding: 10px 2px;
        align-items: center
    }

    .internalariba .aribacont h3 {
        text-align: center;
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 300;
        font-family: 'Circular Std Book'
    }

    .internalariba .aribacont h3 span {
        font-weight: 600;
        font-family: "Circular Std"
    }

    .linehide {
        display: none
    }

    .internalariba .aribacont.sapl3 br {
        display: block
    }


    #search_autocomplete .search-options :is(.add_cart.green-big-arrow,.addto_cart.green-big-arrow) {
        display: none
    }

    .top-search {
        display: flex;
        height: 27px
    }

    .checkout-cart-index .main-menu .leftmenu-searchbar,.checkout-cart-index .top-search,.checkout-index-index .top-search {
        display: none
    }

    .spritesan {
        background: url(https://b2bdecdn.raptorsupplies.com/pub/static/frontend/Raptor/Desktop/en_US/images/sprite.svg) no-repeat!important;
        display: inline-block!important
    }

    .spritesanarrow {
        background: url(https://b2bdecdn.raptorsupplies.com/pub/static/frontend/Raptor/Desktop/en_US/images/sprite.svg) no-repeat!important;
        display: inline-block!important
    }

    .header-search {
        background-position: -583px -541px!important;
        height: 22px;
        width: 22px
    }

    .arrowiconleft {
        background-position: -94px 3px!important;
        height: 30px;
        width: 22px;
        transform: rotate(180deg)
    }

    .main-menu .leftmenu-searchbar.searchbarboxsan {
        display: block!important;
        z-index: 99!important;
        background: #fff;
        border-bottom: 2px solid #1a4ab9
    }

    .white-background {
        width: 100%;
        background: #fff;
        height: 100%;
        position: fixed;
        z-index: 98;
        top: 0;
        display: none
    }

    .main-menu .leftmenu-searchbar.searchbarboxsan .search-bar .minisearch button {
        display: none
    }

    .myheadersan {
        top: 0!important
    }

    .main-menu .leftmenu-searchbar.searchbarboxsan .search-bar input:focus {
        border-bottom: 0 solid #1a4ab9!important
    }

    .main-menu .leftmenu-searchbar.searchbarboxsan .search-bar form {
        display: flex;
        align-items: center
    }

    .main-menu .leftmenu-searchbar.searchbarboxsan .search-options form {
        display: inline-block
    }

    .saarch-index-index .searchbarboxsan .add_cart {
        background-color: #fff
    }

    .bodyhid {
        overflow: hidden
    }

    .leftmenu-searchbar .search-bar .search-options {
        top: 8px
    }

    .add-to-cart-button {
        cursor: pointer
    }

    #cart-popup {
        position: fixed;
        top: inherit;
        right: 0;
        bottom: 0;
        width: 100%;
        background: #fff;
        border-radius: 0 0 4px 4px;
        box-shadow: 0 0 4px #696969;
        padding: 0;
        display: none;
        height: auto;
        z-index: 999999;
        padding-bottom: 20px;
        transition: top .3s ease
    }

    #close-button {
        position: absolute;
        top: 10px;
        right: 10px;
        background: 0 0;
        border: none;
        font-size: 18px;
        cursor: pointer;
        height: 19px
    }

    .addtext_close {
        display: flex;
        align-items: center;
        padding: 14px 10px;
        justify-content: space-between
    }

    .prodetail {
        font-style: normal;
        font-size: 13px;
        color: #000;
        margin-top: 0;
        font-family: "Circular Std"
    }

    .addtotext {
        font-size: 20px;
        color: #1b2131;
        font-family: "Circular Std";
        font-weight: 700
    }

    .afterthree {
        padding: 10px 10px;
        max-height: 360px
    }

    .popmorebox {
        border-bottom: 1px solid #e9e9e9;
        padding: 10px 0
    }

    .proimgbox {
        display: flex;
        gap: 10px;
        align-items: flex-start;
        margin-top: 0;
        border-bottom: 0 solid #e9e9e9;
        padding: 0 0
    }

    .popimg {
        width: 65px;
        height: 65px;
        border: 1px solid rgba(27,33,49,.3);
        padding: 4px
    }

    .popimg img {
        width: 100%
    }

    .prodetail {
        width: 80%
    }

    .pro_head {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: #1b2131;
        font-size: 14px;
        line-height: 17px;
        font-family: "Circular Std"
    }

    .tick2 {
        background-position: -236px -261px;
        height: 11px;
        width: 15px;
        margin-right: 5px
    }

    .number-input {
        display: flex!important;
        align-items: flex-end!important;
        font-family: "Circular Std Book"
    }

    .cart_staper .number-input {
        display: flex!important;
        align-items: flex-end!important;
        font-family: "Circular Std Book"
    }

    #cart-popup .number-input input,#cart-popup .priceWrap .number-input input {
        width: 56px;
        text-align: center;
        color: #787878;
        font-size: 20px;
        line-height: 20px;
        border: none;
        font-family: 'Circular Std book'
    }

    #cart-popup .number-input button {
        outline: 0;
        -webkit-appearance: none;
        appearance: none;
        background-color: #f0f0f0;
        border: 0;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        cursor: pointer;
        margin: 0;
        position: relative;
        display: block;
        box-shadow: none
    }

    #cart-popup .number-input button:after,#cart-popup .number-input button:before {
        display: inline-block;
        position: absolute;
        content: "";
        top: 12px;
        left: 50%;
        width: 8px;
        height: 1px;
        background-color: #787878;
        transform: translate(-50%,-50%)
    }

    #cart-popup .number-input button.plus:after {
        transform: translate(-50%,-50%) rotate(90deg)
    }

    .prinumdel {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        margin-top: 10px
    }

    .delete-icon {
        background-position: -1171px -49px;
        height: 22px;
        width: 20px;
        vertical-align: bottom;
        cursor: pointer
    }

    .pro_price .pricedigit {
        font-size: 16px;
        color: #1b2131;
        font-family: "Circular Std";
        font-weight: 700
    }

    .pro_price .unittext {
        font-size: 12px;
        color: #1b2131;
        font-family: "Circular Std";
        font-weight: 700
    }

    .priunit {
        vertical-align: bottom
    }

    .totaltext {
        font-family: 'Circular Std';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 20px
    }

    .totalpric {
        font-family: 'Circular Std';
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 25px;
        color: #1b2131
    }

    .totalbox {
        padding: 5px 10px;
        font-family: "Circular Std book";
        font-size: 16px;
        display: flex;
        justify-content: space-between
    }

    .totalunit {
        font-size: 12px
    }

    .css-qv3bfy {
        width: 45px;
        height: 6px;
        background-color: #1a4ab9;
        border-radius: 3px;
        position: absolute;
        top: 8px;
        left: calc(50% - 15px)
    }

    body {
        padding-top: 89px
    }

    /* start consent-from css */
    .cookie-prefrence {
        padding: 25px 16px 32px 16px;
        border-radius: 9px 9px 0 0;
        bottom: 0;
        top: unset;
        transform: unset;
        left: 0;
        right: 0;
    }

    .cookie-prefrence h4 {
        margin: 0;
        font-weight: 700;
    }

    .cookie-prefrence h4 .manage-cookie-desktop {
        display: none;
    }

    .cookie-prefrence p {
        line-height: 23px;
        margin: 18px 0 29px 0;
    }

    .button-wrap {
        flex-direction: column;
    }

    .button-wrap .accept-necessary, .button-wrap .accept-all {
        width: 100%;
        margin: 0;
        font-size: 16px;
        line-height: 16.4px;
        padding: 15px 0;
    }

    .button-wrap .accept-necessarys, .button-wrap .accept-all {
        width: 100%;
        margin: 0;
        font-size: 16px;
        line-height: 16.4px;
        padding: 15px 0;
    }

    .button-wrap .accept-all {
        margin-top: 16px;
    }

    .recommendations {
        padding: 28px 2px 16px 16px;
        border-radius: 9px 9px 0 0;
        bottom: 0;
        top: unset;
        transform: unset;
        left: 0;
        right: 0;
        max-width: 100%;
    }

    .recommend-btns.button-wrap, .recommendations-inner {
        padding-right: 14px;
    }

    .recommendations img {
        width: 127px;
        height: 34px;
    }

    .recommendations-inner {
        margin-top: 20px;
        max-height: 270px;
    }

    .switch {
        width: 30px;
        height: 16px;
    }

    .button-slider:before {
        height: 12px;
        width: 12px;
        left: 3px;
        bottom: 2px;
    }

    .switch input:checked + .button-slider:before {
        transform: translateX(13px);
    }

    .recommendations p {
        margin-top: 0;
    }

    /* end consent-from css */
}

@media screen and (max-width: 375px) {
    .top-header .contact-info {
        width:100%
    }

    .main-menu .logo {
        width: 52%
    }

    .top-header a,.top-header p {
        font-size: 11px
    }

    footer .services li {
        padding: 0 2px
    }

    .oneliner-expand .oneliner,.oneliner-expand~.oneliner {
        min-width: 310px
    }




    /* start consent-from css */
    .recommendations h4 {
        font-size: 15px;
        line-height: 15px;
    }

    .cookies span {
        font-size: 13px;
        line-height: 13px;
    }

    /* end consent-from css */
	.flatshipping, .prom-trukicon {
        /* margin-left: 2px; */
        /* padding-left: 2px; */
    }

     .prom-trukicon {
       /* margin: 22px 0 4px 5px; */
    }

    .flatshipping {
        padding: 0px 0 0 11px;
    }
}

@media (max-width: 330px) {

}