.slimscroll::-webkit-scrollbar {
    width: 5px;
}
.slimscroll::-webkit-scrollbar-track {
    background: transparent;
}
.slimscroll::-webkit-scrollbar-thumb {
    background-color: rgba(155, 155, 155, 0.3);
    border-radius: 5px;
    border: transparent;
}

.manual-cate,
.img-item:hover {
    transform: scale(1.05);
    cursor: pointer;
}

.border-black {
    border-color: #000000 !important;
}

.manual-label {
    position: absolute;
    bottom: 0;
    left: 0;
    color: white;
    width: 100%;
    background-color: rgba(24, 28, 50, 0.6);
    border-bottom-left-radius: 0.42rem !important;
    border-bottom-right-radius: 0.42rem !important;
    padding: 2px;
}

.flip-book {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
    display: none;
    background-size: cover;
}
.flippage {
    padding: 0px;
    background-color: #ffffff;
    color: #785e3a;
    border: solid 1px #c2b5a3;
    overflow: hidden;
}
.flippage .flippage-content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
}
.flippage .flippage-content .flippage-header {
    height: 30px;
    font-size: 100%;
    text-transform: uppercase;
    text-align: center;
}
.flippage .flippage-content .flippage-image {
    height: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
.flippage .flippage-content .flippage-text {
    height: 100%;
    flex-grow: 1;
    font-size: 80%;
    text-align: justify;
    margin-top: 10px;
    padding-top: 10px;
    box-sizing: border-box;
    border-top: solid 1px #f4e8d7;
}
.flippage .flippage-content .flippage-footer {
    height: 30px;
    border-top: solid 1px #f4e8d7;
    font-size: 80%;
    color: #998466;
}

.flippage.--right .flippage-footer {
    text-align: right;
}
.flippage.hard {
    background-color: #ffffff;
    border: solid 1px #998466;
}
.flippage.flippage-cover {
    background-color: #ffffff;
    color: #785e3a;
    border: solid 1px #998466;
}
.flippage.flippage-cover h2 {
    text-align: center;
    padding-top: 50%;
    font-size: 210%;
}

.btnflipbook-right {
    position: absolute;
    top: 0;
    right: 0;
    height: 847px !important;
    margin-top: 5px;
    margin-right: 5px;
    background-color: rgba(24, 28, 50, 0.1);
}

.btnflipbook-left {
    position: absolute;
    top: 0;
    left: 0;
    height: 847px !important;
    margin-top: 5px;
    margin-left: 5px;
    background-color: rgba(24, 28, 50, 0.1);
}

.help-msg-content {
    border-radius: 0.85rem;
    right: 90px;
    bottom: 112px;
    position: fixed;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    max-width: 250px;
    background-color: #fff;
    padding: 0.75rem 1.5rem;
}
.help-msg-content:after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 20px;
    width: 0;
    height: 0;
    border: 11px solid transparent;
    border-top-color: #ffffff;
    border-bottom: 0;
    border-right: 0;
    margin-left: -5.5px;
    margin-bottom: -11px;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}



.footer .order-1 a {
    color: #ffffff;
}

.footer .order-2 span {
    color: #ffffff;
}

/*Navbar redesigned*/
.header .header-bottom {
}

.font-16 {
    font-size: 16px;
}

#top-bottom-navbar {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    /*font-family: "Poppins", Helvetica, "sans-serif";*/
}

.navbar-flex-layout {
    display: flex;
    justify-content: center;
}

#top-bottom-navbar a {
    color: #fff;
    text-decoration: none;
}

#top-bottom-navbar .navbar-signin-layout a {
    margin-right: 7px;
}
#top-bottom-navbar .navbar-signin-icon {
    width: 16px;
    height: 21px;
    background: url(../media/icons/user.png) no-repeat center center;
}
#top-bottom-navbar .icon {
    display: inline-block;
    background-size: contain;
}
#top-bottom-navbar .color-red, .color-red {
    color: #f25330;
}

/*Promo Nav*/
#top-bottom-navbar .promo-nav {
    background-color: #ffffff;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    padding: 0 60px;
}
#top-bottom-navbar .promo-nav .navbar-arrow-right-icon {
    width: 5px;
    margin-left: 15px;
    background: url(../media/icons/arrow-right-dark.png) no-repeat center center;
}
#top-bottom-navbar .promo-nav .navbar-close-icon {
    width: 13px;
    height: 13px;
    background: url(../media/icons/close-dark.png) no-repeat center center;
}
#top-bottom-navbar .promo-nav p {
    padding: 0;
    margin: 0;
    color: #3f4254;
    font-size: 14px;
}
#top-bottom-navbar .promo-nav a {
    color: #3445e5;
    margin-left: 20px;
    font-size: 16px;
}

#top-nav {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    color: #fff;
    background: #181c32;
}

/*Burger Menu*/
#top-nav .navbar-toggler {
    border: none;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    padding: 0;
    margin-right: 10px;
}
#top-nav .navbar-toggler:focus {
    outline: none;
}

#top-nav .dropdown-menu {
    background-color: #232f3e;
}

#top-nav .navbar-delivery-icon {
    width: 15px;
    background: url(../media/icons/location.png) no-repeat center center;
}

#top-nav .navbar-rigs-icon {
    width: 29px;
    background: url(../media/icons/my-rigs.png) no-repeat center center;
}
#top-nav .navbar-dropdown-layout a {
    margin-left: 10px;
    position: relative;
    padding-right: 20px;
}
#top-nav .navbar-dropdown-layout a:after {
    content: ""; /* Empty content for the pseudo-element */
    position: absolute; /* Position the pseudo-element */
    top: 50%; /* Vertically center the pseudo-element */
    right: 0; /* Position the pseudo-element on the right side */
    transform: translateY(-50%); /* Adjust the vertical position to center the icon */
    background-image: url(../media/icons/dropdown.png); /* Set the path to your icon image */
    background-size: cover; /* Adjust the size of the icon */
    width: 8px; /* Set the width of the icon */
    height: 4px; /* Set the height of the icon */
}

#top-nav .navbar-orders-layout a {
    margin-left: 7px;
}
#top-nav .navbar-orders-icon {
    width: 26px;
    height: 24px;
    background: url(../media/icons/orders.png) no-repeat center center;
}

#top-nav .navbar-cart-icon {
    height: 28px;
    width: 29px;
    background: url(../media/icons/cart.png) no-repeat center center;
}

#top-nav form.search-layout {
    border: none;
    padding: 0;
    /*margin: 0 10px;*/
}

#top-bottom-navbar input.search {
    border: 0;
    border-radius: 6px;
    width: 100%;
    background: #ffffff url(../media/icons/search.png) no-repeat 13px center;
}

#top-bottom-navbar .search::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    opacity: 0.6; /* Firefox */
}

#top-bottom-navbar .search::-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    opacity: 0.6; /* Firefox */
}

#top-bottom-navbar .search::-ms-input-placeholder {
    /* Microsoft Edge */
    opacity: 0.6; /* Firefox */
}

#bottom-nav {
    display: flex;
    align-items: center;
    color: #3f4254;
    background: #ffffff;
    width: 100%;
}

#bottom-nav a {
    color: #3f4254;
    text-decoration: none;
}

#bottom-nav .dropdown-menu {
    background-color: #232f3e;
}

#bottom-nav .icon {
    margin-right: 10px;
}

#bottom-nav .navbar-delivery-icon {
    width: 15px;
    background: url(../media/icons/location-dark.png) no-repeat center center;
}

#bottom-nav .navbar-rigs-icon {
    width: 22px;
    height: 20px;
    background: url(../media/icons/my-rigs-dark.png) no-repeat center center;
}
#bottom-nav .navbar-dropdown-layout a {
    margin-left: 7px;
    position: relative;
    padding-right: 20px;
}
#bottom-nav .navbar-dropdown-layout a:after {
    content: ""; /* Empty content for the pseudo-element */
    position: absolute; /* Position the pseudo-element */
    top: 50%; /* Vertically center the pseudo-element */
    right: 0; /* Position the pseudo-element on the right side */
    transform: translateY(-50%); /* Adjust the vertical position to center the icon */
    background-image: url(../media/icons/dropdown-dark.png); /* Set the path to your icon image */
    background-size: cover; /* Adjust the size of the icon */
    width: 8px; /* Set the width of the icon */
    height: 4px; /* Set the height of the icon */
}

#bottom-nav .navbar-orders-icon {
    width: 17px;
    background: url(../media/icons/orders-dark.png) no-repeat center center;
}

/*Desktop items*/
#bottom-nav .navbar-admin-cp-icon,
.navbar-admin-cp-icon {
    width: 18px;
    background: url(../media/icons/admin-dark.png) no-repeat center center;
}
#bottom-nav .navbar-contact-us-icon {
    width: 18px;
    background: url(../media/icons/call-dark.png) no-repeat center center;
}
#bottom-nav .navbar-parts-icon {
    width: 18px;
    background: url(../media/icons/parts-dark.png) no-repeat center center;
}

#bottom-nav .navbar-savings-icon {
    width: 20px;
    background: url(../media/icons/savings-dark.png) no-repeat center center;
}

#bottom-nav .navbar-my-list-icon {
    width: 20px;
    background: url(../media/icons/my-list-dark.png) no-repeat center center;
}

#bottom-nav .navbar-signin-icon {
    width: 16px;
    height: 21px;
    background: url(../media/icons/user-dark.png) no-repeat center center;
}

.nav-modals .color-white {
    color: #ffffff;
}

.nav-modals .modal-body p,
.nav-modals .form-control,
.nav-modals .form-select,
.nav-modals label.col-form-label,
.nav-modals .modal button {
    font-size: 1.2rem;
}

/*Address modal*/
#addaddressmodal select.form-select {
    padding-top: 8px;
    padding-bottom: 8px;
}

.nav-modals .modal .modal-header {
    border-bottom: 1px solid #d9d9d9;
    background-color: #f0f0f1;
}
.nav-modals .modal button.cancel {
    background-color: #ffffff;
    border: 1px solid #3445e5;
}
.nav-modals .modal button.blue {
    background-color: #3445e5;
}

i.blue,
.text-blue,
.color-blue
{
    color: #3445e5 !important;
}

.color-white {
    color: #ffffff;
}

.nav-modals .modal button.delete-btn {
    padding: 10px 40px;
}

.nav-modals .modal .w-100 {
    width: 100%;
}

.nav-modals .address-item.primary {
    background-color: #ebebf4;
}

.nav-modals .address-item {
    display: flex;
    flex-direction: column;
    padding: 15px;
    border: 1px solid #bfc5ff;
    margin-bottom: 16px;
    border-radius: 6px;
}

.nav-modals .address-item .card-title {
    cursor: pointer;
}

.nav-modals .address-item .header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.nav-modals .address-item .card-title {
    margin-bottom: 5px;
    /*flex-grow: 1;*/
    font-size: 18px;
    color: #3f4254;
}

.nav-modals .address-item .edit-icon {
    width: 18px;
    height: 20px;

    margin-right: 15px;
}

.nav-modals .address-item .remove-icon {
    width: 20px;
    height: 20px;
}

.navbar-flex-layout.selected{
    background-color: #3445E5;
    border-radius: 6px;
    padding: 3px 15px;
}

.navbar-flex-layout.selected i,
.navbar-flex-layout.selected a{
    color: #ffffff !important;
}

.filter-add-rig-layout{
    background: #1F1E2E;
    color: #FEFEFE;
    border-radius: 6px;
}

.filter-add-rig-layout .shop-rig h3 {
    color: #727583;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
}

.filter-container .filter-label {
    font-size: 18px;
    font-weight: 400;
}


.filter-add-rig-layout .shop-rig p {
    margin-bottom: 0;
}

.filter-add-rig-layout a.add-new-rig{
    min-width: 110px;
    height: fit-content;
}

.sign_in_price{
    font-size: 1.2rem;
    font-weight: 600;
}

.footer {
    background-color: #1f1e2e !important;
}


.discounted-product{
    min-height: 100%;
}

.discounted-product .top-container{
    background: #FEFEFE;
    max-height: 200px;
    /*padding: 10px   ;*/
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    position: relative;
    flex-grow: 1;
}

.discounted-product .top-container .discount-perc{
    background: #F25330;
    padding: 3px 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    position: absolute;
    top: 15px;
    left: 0;
    width: auto;
}

.discounted-product .top-container .label-info{
    background: #3DCEC7;
    padding: 3px 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    position: absolute;
    top: 15px;
    left: 0;
    width: auto;
}

.discounted-product .top-container .discount-perc span,
.discounted-product .top-container .label-info span
{
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}

.discount-product .btn{
    background: #3445E5;
}
.discounted-product .top-container img{
    max-width: 100%;
    max-height: 100%;
    padding: 3rem 2rem 2rem 2rem;
}

.discounted-product .price{
    color: #F25330;
    font-size: 16px;
    font-weight: 600;
}
.discounted-product .price-prev{
    color: #727583;
    font-size: 13px;
    font-weight: 400;
    text-decoration-line: line-through;
}

.discounted-product .product-name-layout{
    height: 2.5em;
}

.discounted-product .name {
    color: #727583;
    font-size: 16px;
    font-weight: 400;

    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit to two lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* You may want to set a specific height as well */
    /*max-height: 3em; !* Adjust as needed for line height and font size *!*/
    white-space: normal;
}


.admin-layout {
    display: flex;
}

.admin-sidebar-container {
    flex-basis: 300px;
    min-width: 300px;
}

.admin-container {
    flex-grow: 1;
    padding: 1rem 2rem 2rem 2rem;
    width: calc(100% - 300px);
}


/*ADMIN BURGER MENU*/

/* Styles for the burger menu */
#menuToggle {
    display: none; /* Hide the burger menu initially */
}

.manual-box .name {
    color: #727583;
    font-size: 16px;
    font-weight: 400;

    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit to two lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* You may want to set a specific height as well */
    /*max-height: 3em; !* Adjust as needed for line height and font size *!*/
    white-space: normal;
}

/*Burger Menu*/
/* Reset default styles for list */
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/* Hamburger menu icon */
.hamburger-menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*width: 50px;*/
    /*height: 50px;*/
    cursor: pointer;
    top: 20px;
    left: 20px;
    z-index: 9999;
    margin-bottom: 0 !important;
}

.hamburger-line {
    width: 30px;
    height: 3px;
    background-color: #ffffff;
    margin: 3px;
}

.list-group-item {
    padding: 25px 30px !important;
    border-bottom: 1px solid #f4f4fd !important;
}

.list-group-item h6 {
    margin-bottom: 0;
    color: #3f4254;
}

.list-group-item[aria-expanded="true"] .ki-arrow-up {
    transform: rotate(180deg);
}

/* Sidebar menu */
.sidebar-menu {
    width: 530px;
    max-width: 100%;
    height: 100vh;
    background-color: #fefefe;
    position: fixed;
    top: 0;
    /*left: calc(min(-530px, -100%));*/
    left: calc(-530px - 100%);
    z-index: 999;
    transition: left 0.3s ease;
    /*padding: 0 20px;*/
}

.sidebar-menu .welcome {
    padding: 20px 25px 10px 30px !important;
}

.sidebar-menu .menu-item {
    border-bottom: 1px solid #f4f4fd !important;
    padding: 20px 25px !important;
}

.sidebar-menu .menu-item a {
    color: #3f4254 !important;
    font-size: 1.2rem;
}

.sidebar-menu .parts-icon {
    width: 18px;
    height: 21px;
    background: url(../media/icons/parts-dark.png) no-repeat center center;
}

.sidebar-menu .contact-us-icon {
    width: 18px;
    height: 21px;
    background: url(../media/icons/call-dark.png) no-repeat center center;
}

.sidebar-menu li {
    text-align: left;
    font-size: 1.2rem;
    padding: 10px 25px;
    border: 0;
    background-color: #fefefe;
}

.sidebar-menu ul.item {
    padding: 0 20px;
}

.sidebar-menu li.item {
    padding: 13px;
    margin: 5px 0;
}

.sidebar-menu li a {
    color: #3f4254 !important;
}

.sidebar-menu li.selected {
    background: #f4f4fd;
}

.sidebar-menu li.item:hover {
    background: #f4f4fd;
}

.sidebar-menu a {
    text-decoration: none;
    color: #000;
}

/* Hide checkbox input */
.hamburger-menu-container input[type="checkbox"] {
    display: none;
}

/* Show/hide sidebar menu based on checkbox state */
.hamburger-menu-container input[type="checkbox"]:checked ~ .sidebar-menu {
    left: 0;
}

/* Hide hamburger menu when checkbox is checked */
.hamburger-menu-container input[type="checkbox"]:checked ~ .hamburger-menu {
    /*display: none;*/
    visibility: hidden;
}

.welcome h5 {
    color: #3f4254;
    font-size: 24px;
}

/* Close button to hide menu */
.close-button {
    z-index: 9999;
    cursor: pointer;
    /*width: 20px;*/
    /*height: 20px;*/
    font-size: 16px;
    color: #3f4254;
    text-decoration: none; /* added */
}

/* Add body overlay */
.body-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 998;
    display: none;
}

/* Show body overlay when sidebar menu is open */
.hamburger-menu-container input[type="checkbox"]:checked ~ .body-overlay {
    display: block;
}

/*My List*/
.modal-body p,
.modal-body button,
.modal-body input.form-control,
.modal-body a.btn {
    font-size: 1.2rem;
}

#add_list_modal .modal-body {
    padding-top: 1rem;
}

.my-list .card-title {
    margin-bottom: 1rem;
    font-weight: 600;
}
.my-list .card-body {
    display: flex;
    flex-direction: column;
}
.my-list .card-body button,
.my-list .card-body input,
.my-list .card-body input.form-control,
.my-list .card-body a.btn {
    font-size: 1.2rem;
}
.my-list .card-body .share {
    padding-left: 1rem;
    padding-right: 1rem;
}
.my-list-item .card-title {
    margin-bottom: 1rem;
    color: #3445e5;
    font-weight: bold;
}
.my-list-item .card-body {
    padding: 1rem;
}

.product-list-item {
    padding-bottom: 1rem;
    display: flex;
    flex-direction: column;
}
.product-list-item .d-mode {
    display: flex;
    flex-direction: row;
}
.product-list-item .image-container {
    flex-shrink: 0;
    padding-top: 2rem;
}
.product-list-item .card {
    border: 0;
    flex-grow: 1;
}
.product-list-item .card-title {
    color: #3445e5;
    font-weight: normal !important;
}
.product-list-item button {
    font-size: 1.2rem;
    font-weight: 500;
}

.dropdown-menu.show {
    width: auto;
}

/*Admin Panel*/
#admin-top-nav {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    color: #fff;
    background: #181c32;
}
#admin-nav img.logo {
    height: 67px;
}
#admin-nav a {
    color: #ffffff;
}


.navbar-bottom-icon {
    font-size: 20px;
    color: #3F4254;
}
.navbar-bottom-icon.red {
    color: #f25330;
}
.navbar-icon-dark {
    font-size: 28px;
    color: #3F4254;
}

.navbar-icon {
    font-size: 28px;
    color: #ffffff;
}

.module-icon{
    color: #3445E5;
    font-size: 18px;
}

.dark-lg-icon{
    color: #3F4254;
    font-size: 36px;
}

.arrow-icon{
    color: #ffffff;
    font-size: 8px;
}

p.color-admin-red {
    padding: 0;
    margin: 0;
    color: #f25330;
    font-weight: 500;
}

.admin-footer {
    background-color: #1f1e2e;
    padding-left: 100px;
    padding-right: 100px;
}

.admin-footer .order-1 a {
    color: #ffffff;
}

.admin-footer .order-2 span {
    color: #ffffff;
}

#admin-sidebar .card {
    border: 0 !important;
}

#admin-sidebar .card-title {
    padding: 1.5rem 1.5rem 1rem 1.5rem;
    margin-bottom: 0;
}

#admin-sidebar .card-body {
    padding: 1rem;
}

#admin-sidebar i {
    font-size: 28px;
    color: #3f4254;
}

#admin-sidebar .module-text {
    font-size: 14px;
    color: #3f4254;
}

#admin-sidebar .module-icon {
    font-size: 20px;
}

#admin-sidebar .navi.navi-active .navi-item .navi-link.active {
    background-color: #f4f4fd !important;
}
#admin-sidebar .navi.navi-active .navi-item .navi-link.active .module-icon,
#admin-sidebar .navi.navi-active .navi-item .navi-link.active .module-text {
    color: #3445e5 !important;
}

#page-name-container {
    padding: 1rem 0 !important;
    margin: 0 !important;
}

#page-name-container h3.title {
    color: #3f4254;
    font-size: 24px;
    font-weight: 600;
}

.subheader-breadcrumb > ol {
    padding: 1rem 0;
}

.subheader-breadcrumb > ol > li:first-child {
    color: #3445e5;
}

.subheader-breadcrumb > ol > li a,
.breadcrumb .breadcrumb-item a
{
    color: #3445e5;
}

.subheader-breadcrumb > ol {
    background-color: transparent !important;
}

.subheader-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, "/");
}

.subheader-breadcrumb .breadcrumb-item {
   margin-left: 5px;
}
.subheader-breadcrumb .breadcrumb-item span {
   margin-left: 10px;
}

.dataTables_filter label {
    display: flex;
    align-items: center;
    width: 100%;
}
.dataTables_filter label input {
    flex-grow: 1;
}

.admin-table > thead > tr > th {
    color: #727583 !important;
}

.admin-table > thead > tr > th,
.admin-table > tbody > tr > td,
.admin-table > tbody > tr.odd > td {
    border-bottom: 1px solid #f4f4fd !important;
}

.admin-table .badge,
.badge.badge-status {
    font-size: 12px !important;
}

.admin-table .badge.text-bg-success,
.badge.badge-status.text-bg-success {
    color: #258a85 !important;
    background-color: #f3f6f9 !important;
}

.admin-table .badge.text-bg-inactive,
.badge.badge-status.text-bg-inactive {
    color: #babac7 !important;
    background-color: #f3f6f9 !important;
}

.dataTables_wrapper .dataTable td {
    font-size: 14px !important;
}

.admin-table input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
}

.icon-blue {
    color: #3445e5;
}

.icon-white {
    color: #fff !important;
}

.icon-red {
    color: #f25330;
}

.admin-table .icon {
    color: #727583;
    font-size: 24px;
}
.admin-table .dropdown-menu .icon {
    color: #727583;
    font-size: 14px;
}

.roles-container
{
    border-radius: 10px;
}

.roles-container .icon,
.roles-container span,
.roles-container a {
    color: #3f4254;
}

.roles-container .roles-group div.item {
    border-radius: 5px;
    border: 1px solid #ebedf3 !important;
    padding: 1rem !important;
    cursor: pointer;
}

.roles-container .roles-group div.item span.title {
    color: #3f4254;
    font-size: 13px;
}

.roles-container .roles-group div.item span.sub {
    color: #727583;
    font-size: 11px;
}

.roles-container .permissions-group {
    min-width: 200px;
    flex-grow: 1;
    /*max-width: 400px;*/
    /*border-radius: 5px;*/
    /*border: 1px solid #ebedf3 !important;*/
    /*padding: 1rem;*/
}

.roles-container .permissions-group .item {
    flex-basis: 50%;
    padding: 0.5rem !important;
}

.roles-container .permissions-group .item .title {
    background: #F9F9FA;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 0.5rem;
}

.roles-container .permissions-group .item .body {
    background: #F9F9FA;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 0.5rem;
}

.roles-container ul.dropdown-menu.show {
    border: 0 !important;
}

.roles-container .role.selected {
    background-color: #f4f4fd;
}

.permission-container{
    margin: 0.3rem 1.5rem;
}

input.permission{
    font-size: 16px;
}

.form-check-input[disabled] ~ .permission-label, .form-check-input:disabled ~ .permission-label {
    color: #727583;
    opacity: 100%;
}

input.filter-checkbox{
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 0;
}


.border-radius-6{
    border-radius: 6px;
}

.border-radius-8{
    border-radius: 8px;
}

.border-radius-10{
    border-radius: 10px;
}

.border-radius-12{
    border-radius: 12px;
}

.border-radius-14{
    border-radius: 14px;
}

.border-radius-16{
    border-radius: 16px;
}

.border-radius-18{
    border-radius: 18px;
}

.border-radius-20{
    border-radius: 20px;
}

.color-optional{
    color: #BABAC7;
}

.color-black-100{
    color: #a8a8a8 !important;
}

.color-black-200{
    color: #919191 !important;
}

.color-black-300{
    color: #7a7a7a !important;
}

.color-black-400{
    color: #626262 !important;
}

.color-black-500{
    color: #3c3c3c !important;
}

.color-gray {
    color: #727583 !important;
}
.bg-gray{
    background: #F9F9FA !important;
}
.w-100p{
    width: 100% !important;
}

#bannerCarousel .carousel-indicators li {
    border-radius: 50%;
    width: 3px;
    height: 3px;
    padding: 2px;
    position: relative;
    margin: 0 10px;
    background-color: #BABAC7;
    opacity: 1;
}

#bannerCarousel .carousel-indicators li.active {
    background-color: #3F4254;
}
.carousel-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dataTables_filter input[type=search] {
    width: 100%;
    box-sizing: border-box;
    /*border: 2px solid #ccc;*/
    /*border-radius: 4px;*/
    /*font-size: 16px;*/
    /*background-color: white;*/
    background-image: url('images/search.png');
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 12px 20px 12px 40px;
}

.promotion-banner a{
    color: #FEFEFE;
}

.promotion-banner .info{
    background: #35394D;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.promotion-banner .info .super-price{
    color: #3DCEC7;
    font-weight: 600;
}

.promotion-banner .info .super-price-icon{
    color: #3DCEC7;
}
.promotion-banner .info .heading{
    color: #FEFEFE;
    font-weight: 400;
}

.promotion-banner .details{
    flex-grow: 1;
    background: #FEFEFE;
}

.promotion-banner .details img {
    max-height: 100%;
}

.promotion-banner .details p,
.promotion-banner .details .description
{
    color: #727583;
    font-weight: 400;
}

.promotion-banner .btn-discount{
    background: #F25330;
    color: #FEFEFE;
    font-weight: 500;
}

.promotion-banner .details-mobile{
    padding: 20px;
    background: #35394e;
}
.promotion-banner .details-mobile a{
    /*width: 125px;*/
}

.rig_equipment .name {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit to two lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* You may want to set a specific height as well */
    /*max-height: 3em; !* Adjust as needed for line height and font size *!*/
    white-space: normal;
}

.home-category-card .name {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit to two lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* You may want to set a specific height as well */
    /*max-height: 3em; !* Adjust as needed for line height and font size *!*/
    white-space: normal;
}

.prod-title .name {
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit to two lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* You may want to set a specific height as well */
    /*max-height: 3em; !* Adjust as needed for line height and font size *!*/
    white-space: normal;
}

.popup-product .name_container {
    max-width: 300px; /* You can adjust the value as needed */
    white-space: normal;
    word-wrap: break-word;
    flex-grow: 1;
}

.popup-product .name {
    max-width: 280px;
    display: inline-block;
    max-height: 2.5em; /* Adjust as needed, this value is based on the line height */
    overflow: hidden;
    text-overflow: ellipsis; /* Optional: Add ellipsis for long text */
    line-height: 1.25em; /* Should be half of the max-height value */
    vertical-align: bottom; /* Adjust as needed for vertical alignment */
}

h2.promotion-discount-type-title{
    color: #3F4254;
    font-size: 20px;
    font-weight: 600;
}

.promotion-title-container a{
    color: #3445E5;
    font-size: 14px;
    font-weight: 500;
}

.promotion-filter-sidebar{
    border-radius: 12px;
}

.btn.shop-now,
.btn.shop-now span,
.btn.show-now i.right-icon
{
    font-size: 1.2rem !important;
    line-height: 1.2rem !important;
}

.suggested-item .top-container{
    background: #FEFEFE;
    height: 200px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    position: relative;
}

.suggested-item .top-container .discount-perc{
    background: #F25330;
    padding: 3px 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    position: absolute;
    top: 15px;
    left: 0;
    width: auto;
}

.suggested-item .top-container .discount-perc span{
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}
.suggested-item .btn{
    background: #3445E5;
}
.suggested-item .top-container img{
    max-width: 100%;
    max-height: 100%;
    padding: 0.7rem;
}

.suggested-item .price{
    color: #F25330;
    font-size: 16px;
    font-weight: 600;
}
.suggested-item .price-prev{
    color: #727583;
    font-size: 13px;
    font-weight: 400;
    text-decoration-line: line-through;
}
.suggested-item .name {
    color: #727583;
    font-size: 16px;
    font-weight: 400;
}

.icon-20{
    font-size: 20px;
    color: #727583;
}
.icon-24{
    font-size: 24px;
    color: #727583;
}

.daily-deals-btn{
    background-color: #258A85 !important;
    border-color: #258A85 !important;
}

/*Home Category Cards*/
.home-category-card{
     height: 250px;
     background: #FEFEFE;
     border-radius: 8px;
    display: flex;
    flex-direction: column-reverse;
 }

.home-category-card h2{
    font-weight: 500;
    font-size: 18px;
    color: #3F4254;
}

.home-category-card h3{
    font-weight: 500;
    font-size: 16px;
    color: #3F4254;
}

.home-category-card h5{
    font-weight: 400;
    font-size: 14px;
    color: #727583;
}

.home-category-card h6{
    font-weight: 500;
    font-size: 12px;
    color: #BABAC7;
}

.home-category-card img {
    max-width: 100%;
    max-height: 80%;
}

.home-brand-card{
    height: 170px;
    background: #FEFEFE;
}

.home-brand-card h2{
    font-weight: 500;
    font-size: 14px;
    color: #3445E5;
}

.home-brand-card .img-container{
    height: 100px;
}

.home-brand-card img {
    max-width: 80px;
    max-height: 100px;
}

.filter-button span
{
    font-size: 1.2rem;
    font-weight: 500;
}

.filter-button i
{
    font-size: 1.5rem;
    font-weight: 500;
}

ul.filter-sort-dropdown li {
    padding: 10px;
}

ul.filter-sort-dropdown li a{
    font-size: 1.2rem;
}

.bg-blue{
    background-color: #2633AD !important;
}

.bg-blue-primary{
    background-color: #3445E5 !important;
}

.sidebar-account-icon{
    color: #3F4254;
    font-size: 20px;
}

.sidebar-account-label{
    font-size: 14px;
}

.border-blue-2{
    border: 2px solid #3445E5;
}

.btn-gray {
    background-color: #babac7 !important;
}

.btn-gray > i{
    color: white !important;
}

/*Cart Items*/
.new-cart-title {
 color: black;
 font-weight: 600;
 font-size: 19px;
}

.new-cart-title-md {
    color: black;
    font-weight: 600;
    font-size: 13px;
}

.mini-radius {
    border-radius: 5px;
}

.h-fit {
    height: fit-content;
}

.label-xs {
    font-size: 11px
}

.min-desc {
    color: #727583;
    font-size: 13px;
    margin: 25px 0 30px 0;
}

.text-xs-light {
    font-size: 10px;
    color: #BABAC7;;
}

.summary-ul li {
    font-size: 14px;
    color: #3F4254;
}

.primary-color {
    color: #3445E5;
}

.suggested-prod-box {
    width: 190px;
    min-width: 190px;
}

.cont-p {
    padding: 20px;
}

.light-btn {
    background-color: white;
    border: 1px solid #3445E5 !important;
    color: #3445E5;
}

.light-btn:hover {
    background-color: #4658f3;
}

.w-fix-full {
    width: 300px;
    margin-right: 25%;
}

.w-full {
    width: 100%
}

.bg-gry {
    background: #F9F9FA;
}

.btn-gray {
    background-color: #babac7 !important;
}

.btn-gray i {
    color: white !important;
    font-size: 12px;
}

.min-w {
    min-width: 20px;
}

.border-b {
    border-bottom: 1px solid #ebedf3;
}

.max-w-50 {
    max-width: 50%;
}

.light-btn {
    background-color: white;
    border: 1px solid #3445e5 !important;
    color: #3445e5;
}

.cart-img {
    width: 90px !important;
    height: 90px;
    text-align: center;
}

.cart-img img{
    max-width: 90px;
    max-height: 90px;
}

.cart-min-w {
    min-width: 250px;
}

.bg-light-blue{
    background-color: #f4f4fd !important;
}

.border-blue {
    border: 1px solid #cbd0fe !important;
}

.border-light-blue {
    border: 1px solid #dfe0e6 !important;
}

.bg-blue-200{
    background-color: #bfc5ff !important;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 5px;
    padding-right: 2rem !important;
}

button.btn-bg-gray {
    background-color: #BABAC7;
    color: #FEFEFE;
}

.main-burger:focus,
.main-burger:active,
.hamburger-menu-container:focus,
.hamburger-menu-container:active,
.hamburger-menu:focus,
.hamburger-menu:active{
    border: 0 !important;
}

.lSAction>a {
    top: 40% !important;
}


.product_col .name {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit to two lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* You may want to set a specific height as well */
    /*max-height: 3em; !* Adjust as needed for line height and font size *!*/
    white-space: normal;
    font-weight: 500 !important;
}

.manual_item{
    min-width: 260px;
}

@media only screen and (max-width: 375px){
    .find-parts{
        display: none;
    }
    .product_col .name {
        width: 150px;
    }
}

@media only screen  and (min-width: 376px) and  (max-width: 500px){
    .product_col .name {
        width: 180px;
    }
}

/*Mobile*/
@media only screen and (max-width: 575px) {

    .manual-box .name {
        font-size: 15px;
        -webkit-line-clamp: 3; /* Limit to two lines */
    }

    .admin-sidebar-container{
        flex-basis: 0;
    }

    #admin-sidebar {
        display: none; /* Hide the regular sidebar for small screens */
    }
    #menuToggle
    {
        display: block;
        position: relative;
        top: 10px;
        left: 30px;

        z-index: 5;

        -webkit-user-select: none;
        user-select: none;
    }

    #menuToggle a
    {
        text-decoration: none;
        color: #232323;

        transition: color 0.3s ease;
    }

    #menuToggle a:hover
    {
        color: tomato;
    }


    #menuToggle input
    {
        display: block;
        width: 40px;
        height: 32px;
        position: absolute;
        top: -7px;
        left: -5px;

        cursor: pointer;

        opacity: 0; /* hide this */
        z-index: 2; /* and place it over the hamburger */

        -webkit-touch-callout: none;
    }

    /*
     * Just a quick hamburger
     */
    #menuToggle > span
    {
        display: block;
        width: 33px;
        height: 4px;
        margin-bottom: 5px;
        position: relative;

        background: #cdcdcd;
        border-radius: 3px;

        z-index: 1;

        transform-origin: 4px 0px;

        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
        background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
        opacity 0.55s ease;
    }

    #menuToggle > span:first-child
    {
        transform-origin: 0% 0%;
    }

    #menuToggle > span:nth-last-child(2)
    {
        transform-origin: 0% 100%;
    }

    /*
     * Transform all the slices of hamburger
     * into a crossmark.
     */
    #menuToggle input:checked ~ span
    {
        opacity: 1;
        transform: rotate(45deg) translate(-2px, -1px);
        background: #232323;
    }

    /*
     * But let's hide the middle one.
     */
    #menuToggle input:checked ~ span:nth-last-child(3)
    {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
    }

    /*
     * Ohyeah and the last one should go the other direction
     */
    #menuToggle input:checked ~ span:nth-last-child(2)
    {
        transform: rotate(-45deg) translate(0, -1px);
    }

    /*
     * Make this absolute positioned
     * at the top left of the screen
     */
    #menu
    {
        position: absolute;
        /*width: 300px;*/
        min-width: 100%;
        margin: -50px 0 0 -50px;
        padding: 75px 50px 50px 50px;

        background: #f3f5f9;
        list-style-type: none;
        -webkit-font-smoothing: antialiased;
        /* to stop flickering of text in safari */

        transform-origin: 0% 0%;
        transform: translate(-100%, 0);

        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    }

    #menu li
    {
        padding: 10px 0;
        font-size: 22px;
    }

    #menu .module-icon{
        font-size: 24px;
    }

    #menu .navi-link{
        display: flex;
        align-items: center;
        font-size: 18px;
    }

    /*
     * And let's slide it in from the left
     */
    #menuToggle input:checked ~ ul
    {
        transform: none;
    }
    /*END BURGER MENU*/



    .discounted-product .price{
        font-size: 14px;
    }
    .discounted-product .price-prev{
        font-size: 12px;
    }
    .discounted-product .name {
        font-size: 14px;
    }

    .mb-xs-3{
        margin-bottom: 0.75rem !important;
    }
    .mb-xs-4{
        margin-bottom: 1rem !important;
    }
    .p-xs-2{
        padding: 0.5rem !important;
    }
    .p-xs-3{
        padding: 0.75rem !important;
    }
    .px-xs-3{
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }
    .px-xs-0{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .footer {
        padding-left: 10px;
        padding-right: 10px;
    }

    .filter-add-rig-layout .rig-span{
        display: block;
    }

    .suggested-item .bottom-container{
        background: #F9F9FA    !important;
        padding: 10px;
        /*border-bottom-left-radius: 12px;*/
        /*border-bottom-right-radius: 12px;*/
    }

    .discounted-product .bottom-container{
        background: #F9F9FA !important;
        padding: 10px;
    }

    .button-row {
        padding: 10px 25px 0 25px;
        flex-wrap: wrap;
    }

    .button-row a {
        flex-basis: 30%;
        flex-grow: 1;
        margin: 5px;
        font-size: 1.1rem;
        padding: 5px;
    }

    .filter-add-rig-layout{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .filter-add-rig-layout img {
        margin-bottom: 10px;
    }

    .filter-add-rig-layout .shop-rig{
        align-items: center;
        margin: 10px 0 15px 0;
    }

    .col-xs-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .flex-xs-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-xs-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-xs-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .align-items-xs-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .justify-content-xs-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: start !important;
    }

    .justify-content-xs-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .h-xs-60px{
        height: 60px !important;
    }

    .h-xs-300px {
        height: 300px !important;
    }

    .w-xs-100 {
        width: 100% !important;
    }

    .row-cols-xs-2 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .mobile-mode {
        display: block;
    }
    .desktop-mode {
        display: none;
    }
    .desktop-1600 {
        display: none;
    }
    .desktop-1400 {
        display: none;
    }

    .flex-grow-1-mobile {
        flex-grow: 1;
    }

    .my-list .card-body {
        padding: 1rem;
    }
    .my-list-item {
        flex-basis: 100%;
        padding: 5px;
    }
    .product-list-item .image-container {
        width: calc(75px + 1rem);
    }

    .product-list-item {
        border: 1px solid #ebedf3;
        border-radius: 8px;
        margin-bottom: 10px;
    }
}

/*Desktop*/
@media only screen and (min-width: 576px) {

    .product_col .name {
        width: 100%;
    }

    .padding-15-sm-up{
        padding: 15px;
    }

    .footer {
        padding-left: 100px;
        padding-right: 100px;
    }

    .discounted-product .bottom-container{
        background: #F9F9FA !important;
        padding: 20px;
    }

    .suggested-item .bottom-container{
        background: #F9F9FA !important;
        padding: 20px;
        /*border-bottom-left-radius: 12px;*/
        /*border-bottom-right-radius: 12px;*/
    }

    .button-row {
        padding: 10px 25px 0 25px;
        flex-wrap: wrap;
    }

    .button-row a {
        flex-basis: 110px;
        flex-grow: 0;
        margin: 5px;
        font-size: 1.1rem;
        padding: 5px;
    }

    .button-row a.rig-parts-finder {
        flex-basis: 110px;
        flex-grow: 1;
        max-width: 230px;
        margin: 5px;
        font-size: 1.1rem;
        padding: 5px;
    }

    .filter-add-rig-layout{
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .filter-add-rig-layout img{
        margin-right: 50px;
    }

    .filter-add-rig-layout .shop-rig .checkbox-container{
        margin-left: 50px;
    }


    .mobile-mode {
        display: none;
    }
    .desktop-mode {
        display: block;
    }
    .desktop-1600 {
        display: none;
    }
    .desktop-1400 {
        display: none;
    }

    .my-list .card-body {
        padding: 2rem;
    }
    .my-list-item {
        flex-basis: 50%;
        padding: 5px;
    }
    .product-list-item .image-container {
        width: calc(90px + 1rem);
    }
    .product-list-item:not(:last-child) {
        border-bottom: 1px solid #ebedf3;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 767px){
    #bannerCarousel .carousel-indicators li.active {
        background-color: #fff;
    }

    .promotion-banner{
        /*height: 200px;*/
        flex-direction: column;
        padding-right: 20px;
        padding-left: 20px;
        background: #35394D;
    }

    .promotion-banner .info{
        flex-grow: 1;
        padding: 20px;
        width: 100%;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        align-items: center;
        justify-content: center;
    }

    .promotion-banner .info .info-first{
        align-items: center;
    }

    .promotion-banner .info .super-price{
        font-size: 2rem;
    }

    .promotion-banner .info .super-price-icon{
        font-size: 2rem;
    }
    .promotion-banner .info .heading{
        font-size: 16px;
        margin-bottom: 0;
    }

    .promotion-banner .details{
        flex-grow: 1;
        padding: 0;
        width: 100%;
        border-radius: 10px;
    }

    .promotion-banner .details .details-content {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-bottom: 20px;
        height: 100%;
    }

    .promotion-banner .details .image-container{
        height: 200px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .promotion-banner .details img {
        max-width: 100%;
        max-height: 100%;
    }

    .promotion-banner .details .description{
        padding: 2rem;
        height: 150px;
    }

    .promotion-banner .details p,
    .promotion-banner .details .description
    {
        font-size: 16px;
        line-height: 1.6em;
    }

    .promotion-banner .btn-discount{
        border-radius: 20px;
        font-size: 14px;
    }

    .cart-img {
        width: 75px !important;
        height: 75px;
        text-align: center;
    }

    .cart-img img{
        max-width: 75px;
        max-height: 75px;
    }

    .cart-min-w {
        max-width: 100%;
        width: 100%;
    }

    .w-fix-full {
        width: 100%;
        margin-right: 0%;
    }

    .sm-reverse {
        flex-direction: column-reverse;
    }

    .cont-p {
        padding: 12px;
    }

    .new-cart-title {
        font-size: 15px;
    }

    .new-cart-title-md {
        font-size: 13px;

    }

    .admin-layout{
        flex-direction: column;
    }

    .admin-container {
        width: 100%;
    }

    .filter-add-rig-layout .shop-rig h3 {
        font-size: 16px;
    }

    .filter-container .filter-label {
        font-size: 16px;
    }

    #admin-nav {
        height: 93px !important;
        padding: 0 10px;
        font-size: 14px;
    }

    #admin-nav .right-container {
        flex-grow: 0;
    }

    #admin-nav .logo-container {
        flex-basis: 150px;
        display: flex;
        justify-content: flex-end;
        margin-right: 0;
    }

    #admin-nav .admin-panel-layout {
        display: none;
    }

    #admin-nav .admin-website-layout {
        display: none;
    }

    #top-bottom-navbar .promo-nav {
        height: 74px;
        padding: 0 20px;
    }
    #top-bottom-navbar .promo-nav .promo-text {
        flex-grow: 1;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        height: 100%;
        padding: 10px 0;
    }
    #top-bottom-navbar .promo-nav p {
        font-size: 14px;
    }
    #top-bottom-navbar .promo-nav a {
        font-size: 16px;
    }

    /*Top Nav*/
    #top-mobile-nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        color: #fff;
        background: #181c32;

        height: 105px !important;
        padding: 0 15px;
        font-size: 14px;
    }
    #top-mobile-nav .navbar-left-layout {
        flex-basis: 50%;
        display: flex;
        justify-content: flex-start;
    }

    #top-mobile-nav .navbar-right-layout {
        flex-basis: 50%;
        display: flex;
        justify-content: flex-end;
    }
    #top-mobile-nav .navbar-right-layout .navbar-signin-layout {
        margin-right: 20px;
    }

    #top-mobile-nav .navbar-search-layout {
        flex-basis: 100%;
        margin-bottom: 8px;
    }

    #top-mobile-nav .navbar-cart-icon {
        height: 20px;
        width: 21px;
        background: url(../media/icons/cart-sm.png) no-repeat center center;
    }

    #top-mobile-nav .navbar-toggler-icon {
        width: 18px;
        height: 16px;
        background: url(../media/icons/burger-sm.png) no-repeat center center;
    }
    #top-mobile-nav img.logo {
        height: 40px;
    }
    #top-mobile-nav form.search-layout {
        width: 100%;
    }
    #top-mobile-nav > :not(:last-child) {
        /*margin-right: 30px;*/
    }
    #top-mobile-nav input.search {
        width: 100%;
        height: 40px;
        font-size: 14px;
        padding: 11px 4px 11px 40px;
        /*background: #ffffff url(../media/icons/search.png) no-repeat 13px center;*/
    }

    /*Show*/

    /*Hide*/
    #top-nav {
        display: none;
    }
    /*End Top Nav*/

    #bottom-nav {
        font-size: 12px;
        justify-content: space-between;
        height: 40px;
        padding: 0 15px;
    }

    #bottom-nav .navbar-rigs-icon {
        width: 22px;
        height: 14px;
        background: url(../media/icons/my-rigs-sm.png) no-repeat center center;
    }

    #bottom-nav .navbar-left-layout {
        display: flex;
        justify-content: space-between;
        flex-basis: 100%;
        align-items: center;
    }

    /*Hide*/
    #bottom-nav .navbar-right-layout {
        display: none;
    }
    #bottom-nav .navbar-desktop-layout {
        display: none;
    }

    .add-new-address {
        width: 100%;
    }

    .modal-header button.close {
        font-size: 1.2rem;
    }

    #remove_confirmation_modal .delete-buttons-layout > button,
    #remove_list_modal .delete-buttons-layout button {
        flex-grow: 1;
    }

    #addaddressmodal .modal-dialog {
        margin: 15px;
    }

    #addressModal .modal-dialog {
        margin: 15px;
    }

    #remove_confirmation_modal .modal-dialog {
        margin: 15px;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) and (max-width: 1199px){
    .promotion-banner{
        height: 240px;
    }

    .promotion-banner .info{
        padding: 20px;
        width: max(40%, 260px);
        align-items: baseline;
        justify-content: space-between;
    }

    .promotion-banner .info .info-first{
        align-items: baseline;
    }

    .promotion-banner .info .super-price{
        font-size: 2rem;
    }

    .promotion-banner .info .super-price-icon{
        font-size: 2rem;
    }
    .promotion-banner .info .heading{
        font-size: 14px;
        margin-bottom: 10px;
    }

    .promotion-banner .details{
        padding: 15px;
        width: calc(100% - max(40%, 260px));
    }

    .promotion-banner .details .details-content {
        align-items: center;
        justify-content: center;
        padding-bottom: 20px;
        height: 100%;
    }

    .promotion-banner .details .image-container{
        position: relative;
        max-width: 40%;
    }

    .promotion-banner .details img {
        max-width: 100%;
        max-height: 100%;
    }

    .promotion-banner .details img {
    }

    .promotion-banner .details .description{
        padding: 1.3rem;
    }

    .promotion-banner .details p,
    .promotion-banner .details .description
    {
        font-size: 14px;
        line-height: 1.6em;
    }

    .promotion-banner .btn-discount{
        border-radius: 20px;
        font-size: 14px;
    }

    #admin-nav {
        height: 93px !important;
        padding: 0 60px;
        font-size: 16px;
    }

    #admin-nav .right-container {
        flex-grow: 1;
    }

    #admin-nav .logo-container {
        flex-basis: 100px;
        margin-right: 50px;
        display: flex;
        justify-content: flex-end;
    }

    #admin-nav .admin-panel-layout {
        display: none;
    }

    #admin-nav .admin-website-layout {
        margin-right: 10px;
    }

    #addressModal .modal-dialog {
        width: 442px;
    }

    #remove_confirmation_modal .modal-dialog {
        width: 442px;
    }

    #remove_confirmation_modal .delete-buttons-layout > button,
    #remove_list_modal .delete-buttons-layout button {
        flex-grow: 1;
    }

    .modal-header button.close {
        font-size: 1.4rem;
    }

    #top-bottom-navbar .promo-nav {
        height: 48px;
        padding: 0 50px;
    }

    #top-bottom-navbar .promo-nav .promo-text {
        flex-grow: 1;
        align-items: center;
        justify-content: center;
    }

    #top-bottom-navbar .promo-nav p {
        font-size: 14px;
    }
    #top-bottom-navbar .promo-nav a {
        font-size: 16px;
    }

    /*Top Nav*/
    .container-p{
        padding: 0 50px;
        width: 100%;
    }
    #top-nav {
        height: 56px !important;
        padding: 0 50px;
        font-size: 14px;
    }
    #top-nav .navbar-toggler-icon {
        width: 18px;
        height: 16px;
        background: url(../media/icons/burger-sm.png) no-repeat center center;
    }
    #top-nav img.logo {
        height: 40px;
    }
    #top-nav form.search-layout {
        flex-grow: 1;
        /*margin: 0 20px;*/
    }
    #top-nav > :not(:last-child) {
        margin-right: 30px;
    }
    #top-nav input.search {
        height: 40px;
        font-size: 14px;
        padding: 11px 4px 11px 40px;
        /*background: #ffffff url(../media/icons/search.png) no-repeat 13px center;*/
    }

    /*Show*/
    #top-nav .navbar-signin-layout {
        display: flex;
    }

    /*Hide*/
    #top-mobile-nav {
        display: none;
    }
    #top-nav .navbar-delivery-layout {
        display: none;
    }
    #top-nav .navbar-rigs-layout {
        display: none;
    }
    #top-nav .navbar-orders-layout {
        display: none;
    }
    /*End Top Nav*/

    /*Bottom Nav*/
    #bottom-nav {
        padding: 0 50px;
    }
    #bottom-nav > div > :not(:last-child) {
        margin-right: 20px;
    }
    #bottom-nav {
        font-size: 12px;
        justify-content: space-between;
        height: 40px;
    }
    #bottom-nav .navbar-rigs-layout {
        display: flex;
        align-items: center;
    }
    #bottom-nav .navbar-delivery-layout {
        display: flex;
    }

    /*Hide*/
    #bottom-nav .navbar-desktop-layout {
        display: none;
    }
    #bottom-nav .navbar-admin-cp-layout {
        display: none;
    }
    #bottom-nav .navbar-contact-us-layout {
        display: none;
    }
    #bottom-nav .navbar-parts-layout {
        display: none;
    }
    #bottom-nav .navbar-signin-layout {
        display: none;
    }
}

/*Cart Left Container*/
@media only screen and (min-width: 992px) {
    #top-nav .navbar-toggler {
        display: block;
    }

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 100%;
        padding: 0;
    }

    .h-sm-25em{
        height: 2.5em;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 1200px){
    .promotion-banner{
        height: 280px;
    }

    .promotion-banner .info{
        padding: 40px;
        width: max(35%, 300px);
        align-items: baseline;
        justify-content: space-between;
    }

    .promotion-banner .info .info-first{
        align-items: baseline;
    }

    .promotion-banner .info .super-price{
        font-size: 2.6rem;
    }

    .promotion-banner .info .super-price-icon{
        font-size: 2.6rem;
    }
    .promotion-banner .info .heading{
        font-size: 16px;
        margin-bottom: 15px;
    }

    .promotion-banner .details{
        padding: 20px;
        width: calc(100% - max(35%, 300px));
    }

    .promotion-banner .details .details-content {
        align-items: center;
        justify-content: center;
        padding-bottom: 20px;
        height: 100%;
    }

    .promotion-banner .details .image-container{
        max-width: 40%;
        max-height: 280px;
        display: contents;
    }

    .promotion-banner .details img {
        max-width: 100%;
        max-height: 100%;
    }

    .promotion-banner .details .description{
        padding: 1.3rem;
    }


    .promotion-banner .details p,
    .promotion-banner .details .description
    {
        font-size: 16px;
        line-height: 1.8em;
    }

    .promotion-banner .btn-discount{
        border-radius: 30px;
        font-size: 16px;
    }

    .container-p{
        padding: 0 60px;
        width: 100%;
    }

    #admin-nav {
        height: 93px !important;
        padding: 0 60px;
        font-size: 16px;
    }

    #admin-nav .right-container {
        flex-grow: 1;
    }

    #admin-nav .logo-container {
        flex-basis: 180px;
        margin-right: 50px;
        display: flex;
        justify-content: flex-end;
    }

    #admin-nav .admin-panel-layout {
        display: flex;
    }

    #admin-nav .admin-website-layout {
        margin-right: 50px;
    }

    #addressModal .modal-dialog {
        width: 600px;
    }

    #top-bottom-navbar .promo-nav {
        height: 56px;
    }

    #top-bottom-navbar .promo-nav .promo-text {
        flex-grow: 1;
        align-items: center;
        justify-content: center;
    }

    #top-bottom-navbar .promo-nav p {
        font-size: 18px;
    }
    #top-bottom-navbar .promo-nav a {
        font-size: 18px;
    }


    /*Top Nav*/
    #top-nav {
        height: 93px !important;
        padding: 0 60px;
        font-size: 16px;
    }
    #top-nav .navbar-toggler-icon {
        width: 24px;
        background: url(../media/icons/burger.png) no-repeat center center;
    }
    #top-nav img.logo {
        height: 67px;
    }

    #top-nav form.search-layout {
        width: 400px;
        /*margin: 0 20px;*/
    }

    #top-nav input.search {
        height: 45px;
        font-size: 16px;
        padding: 11px 4px 11px 40px;
        /*background: #ffffff url(../media/icons/search.png) no-repeat 13px center;*/
    }

    /*Hide*/
    #top-nav .navbar-signin-layout {
        display: none;
    }
    #top-mobile-nav {
        display: none;
    }
    /*End Top Nav*/

    /*Bottom Nav*/
    #bottom-nav {
        padding: 0 60px;
    }
    #bottom-nav > div > :not(:last-child) {
        margin-right: 40px;
    }
    #bottom-nav {
        font-size: 16px;
        justify-content: flex-end;
        height: 60px;
    }
    /*Show*/
    #bottom-nav .navbar-desktop-layout {
        display: flex;
    }

    /*Hide*/
    #bottom-nav .navbar-left-layout {
        display: none;
    }
    #bottom-nav .navbar-right-layout {
        display: none;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1400px) {
    .container-p{
        padding: 0 80px;
        width: 100%;
    }

    .desktop-1400 {
        display: block;
    }

    #top-nav form.search-layout {
        width: 600px;
    }
}

/* Extra Large Devices, Wide Screens */
@media only screen and (min-width: 1600px) {
    .col-3xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .container-p{
        padding: 0 120px;
        width: 100%;
    }

    .desktop-1600 {
        display: block;
    }

    #top-nav form.search-layout {
        width: 800px;
    }

    /*Address Modal*/
    #addaddressmodal .modal-dialog,
    #email_list_modal .modal-dialog {
        width: 855px;
        max-width: 855px;
    }

    #email_list_modal .modal-body {
        padding: 3rem 140px;
    }

    .nav-modals .modal .form-control {
        font-size: 16px;
    }
    .nav-modals .modal select.form-select {
        font-size: 16px;
        height: 43px;
    }
    .nav-modals .modal .modal-header .modal-title {
        font-size: 24px;
    }
    .nav-modals .modal button {
        font-size: 16px;
    }

    #remove_confirmation_modal .modal-dialog {
        max-width: 855px;
    }
}

.find-parts{
    display: none;
}

@media only screen and (min-width: 501px) and (max-width: 767px){
    .find-parts {
        display: block;
    }
}

@media only screen and (min-width: 1600px) {
    .find-parts {
        display: block;
    }
}