/* your styles go here */
.description{
    font-size: small;
}
.pills-head {
    margin-top: 25px;
}
.pills-head ul li a {
    color: #467fbf;
}

.pills-head ul li a.active {
    color: #fff !important;
    text-decoration: none;
}
.customer-section-tabs ul li a {
    color: #467fbf;
}

.customer-section-tabs ul li a.active {
    color: #fff !important;
    text-decoration: none;
}
.form-select {
    color:#555
}
.form-select  option{
    color:#555;
}
.customer-sec-logout{
    color:#467fbf
}
.btn-secondary:hover {
    color:  #fff !important; 
    text-decoration: none; 
}
.shiiping-btn:hover{
    text-decoration: none !important;
   }
p {
    color: #212529;
}
li {
    color: #212529;
}

 h2,h4 ,h3{
    color: #000;
 } 
 .footer-links {
    color: #fff !important; /* Default link color */
  }
  .footer-links:hover,
  .footer-links:active,
  .footer-links:focus,
  .footer-links:visited {
    color: #fff !important; 
}
  
.btn-template-main:hover {
    text-decoration: none !important; 
}
.fa-sign-in:hover{
    text-decoration: none !important; 
}
  .btn-template-outlined {
    text-decoration: none; /* Prevent underline */
}

.btn-template-outlined:hover {
    text-decoration: none; /* Prevent underline on hover */
}

.tab-content{
    color: #212529;
    padding-top: 30px;
}
.logo-img {
    width: 577px;
}
.logo-img-mobile{
    width: 120px;
    margin-right: 10px;
}
.txt-white {
    color: #fff;
}

a.txt-white:hover {
    color: #5B93F5;
}

.txt-blue {
    color: #467fbf;
}

.side-bar-ul-footer {
    min-height: 200px;
}
  
@media (max-width: 576px) {
    .side-bar-ul-footer {
      min-height: 150px;
    }
}   

.side-bar-ul .nav-item {
    cursor: pointer;
}

.side-bar-ul .nav-item .nav-link {
    color: #467fbf;
 
}
.side-bar-ul .nav-item .nav-link.hover {
    color: #2f5a89 !important;
 
}
.side-bar-ul .nav-item .nav-link.active {
    color: #fff;
}
.slider-thumb {
    max-width: 139px;
}

.lighter-note {
    font-size: 12px;
    color: gray;
}

#productMain .box {
    margin: 0 0;
    height: 100%;
}
#productMain .box .h6{
   color: #212529;
}
.mt-20{
    margin-top: 20px;
}
.quantity-bar {
    display: flex;
    width: 140px;
    /* height: 30px; */
    /* margin: 0 auto; */
    justify-content: center;
    border: solid 1px #ccc;
    font-weight: 700;
    margin: 15px 0px;
}

.cart-button{
    margin: 10px 0px 5px 0;
}

.item-quantity-meter {
    /* background: #467fbf; */
    color: #467fbf ;
    width: 60%;
    /* font-size: 10px; */
    font-size: 0.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}

.adjust-quantity {
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-transform: uppercase;
}
.react-confirm-alert-overlay{
    transition: opacity .15s linear !important;
    background: rgba(0, 0, 0, 0.5) !important;
    z-index: 999 !important;
}
.loader{
    width: 100%;
}
.priceloader{
    width: 30%;
}
.loader div{
    width: 100%;
}
.loader div svg {
    width: 100%;
    margin: 0 auto;
}

.child-row {
    background-color: #f7f7f7;
}

.icon-small{
    font-size: 20px;
}

.product-min-height{
    /* min-height: 170px; */
    /* max-height: 170px; */
}

/* .product-div-min-height{
    min-height: 380px;
} */
.product-min-height h3 a:hover{
    color: #396ca5;
}
.uppercase{
    text-transform: uppercase;
  }

.margin-top-14{
    margin-top: 14px;
}
 .pdTop10 {
    padding-top: 10px;
 }
 .bar {
    padding: 20px 0;
  }
  .panel-heading {
    margin-bottom: 10px;
}
.productMain {
    border-bottom: 1px solid #ddd;
}
.mrTop15 {
    margin: 15px 0 0 0;
}
.header-border-bottom {
    border-bottom: 1px solid #ddd;
}
.customer-section-tabs i {
    padding-left: 10px;
}
.customer-section-tabs .nav-link{
    color:#467fbf
}
.img-thumb{
    width: 50px;
}
.title-padding{
    color:#212529;
    padding-top: 6px;
}
.sub-heading-padding{
    color: #212529;
    padding-top: 10px;
}

.above-pricing p {
    margin-bottom: 2px;
}
.above-pricing br {
    display: none;
}
.short-description br{
    display: none;
}

.mrTop18{
    margin-top: 18px;
}

.top-product-name{
    font-size: 1.2rem;
}

.header-border-bottom{
    width: 100%;
    display: flex;
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
    align-items: center;
    justify-content: space-between;
}
.tech-spec table, .detail-url table, .product-description table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    border: 1px solid #ddd;
    background-color: transparent;
    display: table;
    overflow-x: auto;
}
.tech-spec table td, .detail-url table td, .product-description table td{
    border: 1px solid #ddd;
}
.tech-spec table th, .detail-url table th, .product-description table th{
    white-space: nowrap;
    border: 1px solid #ddd;
}
.tech-spec tbody tr:nth-of-type(odd), .detail-url tbody tr:nth-of-type(odd), .product-description tbody tr:nth-of-type(odd) {
    background-color: rgb(230, 230, 230);
}
.tech-spec tbody tr:first-child, .detail-url tbody tr:first-child, .product-description tbody tr:first-child {
    background-color: rgb(153, 153, 153) !important;
}
.product-detail .text-sm,.product-detail label{
    font-size: 0.8rem;
}
.product-detail p {
    margin-bottom: 0.3rem;
}
.product-detail hr {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.product-detail .form-select {
    font-size: 0.8rem;
    height: 1.8rem !important;
    
}
.product-detail .lead {
    font-size: 1.1rem;
    font-weight: 300;
    color: #212529;
}
.small-p {
    font-size: 12px !important;
    /* font-weight: 300; */
}
.RG-DB26-DB9-BREAKOUT table th{
    white-space: normal !important;
}

.RG-DB26-DB9-BREAKOUT .tg {
    border-collapse: collapse;
    border-spacing: 0;
    border-color: #ccc;
    white-space: pre;
  }
.RG-DB26-DB9-BREAKOUT .tg td,.RG-DB26-DB9-BREAKOUT  .tg th {
    font-family: Arial, sans-serif;
    font-size: 9px;
    line-height: 14px;
    padding: 1px 1px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: break-all;
    border-color: #ccc;
    /* color: #333; */
    /* background-color: #fff; */
  }
  .RG-DB26-DB9-BREAKOUT  .tg th {
    font-size: 10px;
    line-height: 13px;
    color: #ddd;
  }
  
  .RG-DB26-DB9-BREAKOUT .tg .tg-8mfm {
    font-weight: bold;
    text-decoration: underline;
    font-size: 11px;
    text-align: center;
  }
  .RG-DB26-DB9-BREAKOUT .tg .tg-mq3r {
    background-color: #f9f9f9;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
  }
  .RG-DB26-DB9-BREAKOUT .tg .tg-xay0 {
    background-color: #f9f9f9;
    font-size: 11px;
    text-align: center;
  }
  .RG-DB26-DB9-BREAKOUT .tg .tg-889k {
    font-weight: bold;
    font-size: 11px;
    text-align: center;
  }
  .RG-DB26-DB9-BREAKOUT .tg .tg-214n {
    font-size: 11px;
    text-align: center;
  }
  .RG-DB26-DB9-BREAKOUT th.tg-sort-header::-moz-selection {
    background: transparent;
  }
  .RG-DB26-DB9-BREAKOUT th.tg-sort-header::selection {
    background: transparent;
  }
  .RG-DB26-DB9-BREAKOUT th.tg-sort-header {
    cursor: pointer;
  }
  .RG-DB26-DB9-BREAKOUT table th.tg-sort-header:after {
    content: "";
    float: right;
    margin-top: 7px;
    border-width: 0 4px 4px;
    border-style: solid;
    border-color: #404040 transparent;
    visibility: hidden;
  }
  .RG-DB26-DB9-BREAKOUT table th.tg-sort-header:hover:after {
    visibility: visible;
  }
  .RG-DB26-DB9-BREAKOUT table th.tg-sort-desc:after,
  .RG-DB26-DB9-BREAKOUT table th.tg-sort-asc:after,
  .RG-DB26-DB9-BREAKOUT table th.tg-sort-asc:hover:after {
    visibility: visible;
    opacity: 0.4;
  }
  .RG-DB26-DB9-BREAKOUT table th.tg-sort-desc:after {
    border-bottom: none;
    border-width: 4px 4px 0;
  }

  .mgTp30{
      margin-top: 30px;
      margin-bottom: 8px;
  }

  .mgTp0 {
    margin-top: 0px !important;
  }

  .full-width {
    background: #f7f7f7;
    margin-top: 0px;
    padding: 20px;
    border-top: 1px solid #eee;
    width: 100%;
  }

  .products-big h3 {
    min-height: 1px !important;
  }
  .content-page{
      position: relative;
  }
  .loader-page{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }
.hide-desktop{
    display: none;
}
.owl-carousel .owl-item img{
    width: 300px !important;
    height: 200px;
    object-fit: contain;
    margin: 0px;
}
.row-on-desktop{
    display: flex;
    flex-wrap: wrap; 
    margin-right: -15px;
    margin-left: -15px;
}
.off-canvas-overlay{
    background: #000;
    width: 100%;
    left: 0;
    bottom: 0;
    top: 0;
    position: fixed;   
    transition: opacity .15s linear !important;
    background: rgba(0, 0, 0, 0.5) !important;
    z-index: 999 !important;
    height: 100%; 
}


.off-canvas-sidebar{
    background-color: #fff;
    color: #000;
    height: 100%;
    width: 265px;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
}
.overlay-btn{
    position: absolute;
    right: 10px;
    top: 0px;
    background: none;
    box-shadow: none;
    color: #fff;
    outline: 0;
    font-weight: 200;
    border: 0;
    font-size: 30px;
}
.overlay-btn:focus{
    outline: 0;
}
.title-products{
    padding: 20px 20px;
    background-color: #555;
    color: #fff;
    display: flex;
    justify-content:space-between;
    align-items: center;
    padding-bottom: 4px;
    padding-top: 33px;
}
.off-canvas-sidebar .inner-content{
    height: 100%; 
    overflow: hidden;
}
.off-canvas-sidebar .inner-content .category-menu h3{
    color: #000;
    padding: 20px 20px 0 15px;
}
.off-canvas-sidebar .inner-content h3{
    color: #000;
}
.toggle-menu-btn{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 20px 0 15px;
}
.hide-canvas{
    transform: translateX(-265px);
    transition: .5s cubic-bezier(0.38,-0.18, 0.73, 0.97);
    -webkit-transition: .5s cubic-bezier(0.38,-0.18, 0.73, 0.97);
}
.canvas-show{
    transform: translateX(0px);
    transition: .5s cubic-bezier(0.38,-0.18, 0.73, 0.97);
    -webkit-transition: .5s cubic-bezier(0.38,-0.18, 0.73, 0.97);
}
.off-canvas-sidebar .login-btn{
    display: block;
    color: #fff;
}
.off-canvas-sidebar .login-btn span{
    margin-right: 10px;
}
.home i{
    color: #fff;
    /* padding-top: 10px; */
}
.top-bar .btn-template-outlined{
    display: none;
}
.new-nav-scrollable .hide-mobile{
    display: block;
}
.new-nav-scrollable .show-mobile{
    display: none !important;
}
.box.navbar-expand-lg{
    flex-flow: column;
}
/* .box .navbar-collapse{
    display: block !important;
  } */
.navbar-expand-lg .navbar-collapse.cart-order-summary{
    display: block !important;
}
.box-footer{
    padding-top: 10px;
}
.font-bold{
    font-weight: 600;
}
.product-description img{
    width: 100% !important;
    height: auto !important;
}
.search-dropdown-text {
    font-size: small;
    margin-top: 10px;
    color: steelblue
}

.search-dropdown-lineBreak {
    border: 1px solid grey
}

.react-slider .react-slider__btnPrev, .react-slider__btnNext {
    display: none;
}

.header-search-container {
    padding-left: 11px; 
    padding-right: 11px;
}

.search-dropdown-container {
    background-color: #fff;
    color: #000;
    margin-left: 1px;
    margin-top: 2px;
    position: absolute;
    border: 1px solid;
    overflow-y: auto;
    max-height: 300px;
}
.box .box-header{
    margin: 0px 0 20px;
    padding: 10px 10px 10px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
@media screen and (min-width:1201px) and (max-width: 1600px){

    .d-block-desktop.navbar-expand-lg,
    .d-block-desktop .navbar-collapse {
        display: block !important;
    }
}
@media screen and (min-width:1025px) and (max-width: 1200px){

    .d-block-desktop.navbar-expand-lg,
    .d-block-desktop .navbar-collapse {
        display: block !important;
    }
}
@media screen and (min-width:993px) and (max-width: 1024px){

    .d-block-desktop.navbar-expand-lg,
    .d-block-desktop .navbar-collapse {
        display: block !important;
    }
    
}
@media screen and (min-width:768px) and (max-width: 992px) {
    .sidebar-button{
        display: block !important;
    }
    .items-per-select select option,.form-select{
        width: 100%;
    }
   
    .top-bar a.login-btn, 
    .top-bar a.signup-btn{
        font-size: 16px;
    }
    .box .box-header{
        margin: 0px 0 20px;
        padding: 10px 10px 10px 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .header-border-bottom{
        padding: 30px 0;
    }
    .header-border-bottom .home .logo-img{
        position: absolute;
        top: 30px;
    }
    .items-per-select{
        width: 100%;
    }
    .addresses .text-right{
        text-align: left !important;
    }
    .tab-content iframe{
        width: 100%;
    }
    .sidebar-button{
        display: block !important;
    }
    .hide-desktop{
        display: block !important; 
    }
    .logo-img{
        width: 50px;
        margin-right: 10px;
    }
    .logo-img-mobile{
        width: 120px;
        margin-right: 10px;
    }
    .top-bar .navbar-brand{
        display: flex;
    }
    .items-per-select select option, .items-per-select select.form-select{
        width: 100%;
    }
    .top-bar a.login-btn, 
    .top-bar a.signup-btn{
        font-size: 24px;
    }

    .main-footer .col-lg-6 {
        min-height: 250px; 
    }
      

    .main-footer .col-lg-6.text-right{
        text-align: left !important;
    }
    hr.d-block.d-lg-none{
        display: none !important;
    }
    #pagination .pull-right{
        float: none !important;
    }
    #pagination .pull-right .pagination{
        justify-content: center !important;
    }
    .padding-left-right{
        padding: 0 15px;
    }    
    .box{
        padding: 20px 0;
        border-top: none;
        margin: 20px 0 10px 0;
    }
    .pills-head .tab-content ul{
        padding: 0 10px
    }
    .header-border-bottom{
        padding: 30px 0;
    }
    .header-border-bottom .home .home-logo{
        position: absolute;
        top: 30px;
    }
    .panel-heading{
        padding: 0;
    }
    .btn-template-outlined{
        width: 100%;
    }    
    .flex-row-reverse-colum{
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse;
    }
    .box-layout .table{
        table-layout: fixed;
    }
    .box-layout .table thead tr th{
        width: 100px;
    }
    .box-layout-cart-table{
        table-layout: fixed;
    }  
    .box-layout-cart-table .table thead tr th{
        width: 200px;
        vertical-align: top;
    }
    .items-per-select{
        width: 100%;
    }
    .quote-btn{
        width: 100%;
    }
    .quantity-bar,
    .item-quantity-meter{
        width: 100%;
    }
    .adjust-quantity.btn{
        font-size: 20px;
    }    
    .bar{
        padding: 0;
    }
    .box .box-header{
        margin: 0px 0 20px;
        padding: 10px 10px 10px 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .box .box-header h3{
        margin-bottom: 0;
    }
    .customer-account{
        margin-bottom: 20px;
    }
    .shiiping-btn{
        margin-top: 20px !important;
        width: 100%;
    } 
    .hide-mobile{
        display: none !important;
    }
    .btn-sec{
        width: 100%;
    }
    Link .btn-sec:hover{
         text-decoration: none;   
    }
    .padding-top-bottom{
        padding: 20px 15px;
    }
    .pills-head{
        margin-bottom: 20px;
    }
    .btn-template-outlined.btn-menu-outline{
        width: auto !important;
    }
    .padding-bottom{
        padding-bottom: 30px;
    }
    .addresses .text-right{
        text-align: left !important;
    }
    .box-footer.d-flex{
        display: block !important;
    }
    .top-bar .btn-template-outlined{
        display: block;
        background: none;
        border: none !important;
        color: #fff;
        border-radius: 0 !important;
        text-decoration: none;
    }
    .off-canvas-sidebar .category-menu a.nav-link{
        color: #000;
    }
    .new-nav-scrollable .hide-mobile{
        display: none;
    }
    .sidebar-border.new-nav-scrollable .show-mobile{
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
        overflow-x: auto;
    }
    .sidebar-border.new-nav-scrollable ul.show-mobile  {
        list-style: none;
        display: flex;
        padding-left: 0;
    }
    .sidebar-border.new-nav-scrollable ul.show-mobile li {  
        white-space: nowrap;
    }
    .product a {
        margin-top: 0px;
    }
    .tab-content iframe{
        width: 100%;
    }
    .category-menu a.nav-link{
        background-color: #eee;
        margin: 10px;
        padding: 10px;
    }
    .inner-content .category-menu a.nav-link{
        background-color: transparent;
        margin: 0;
        padding: 10px;
    }
    .off-canvas-sidebar .inner-content{
        overflow: auto;
    }
    .padding-mobile-zero{
        padding: 0 !important;
    }
    .product-map-ProductName{
        font-size: 12px;
    }
}
@media screen and (min-width:576px) and (max-width: 767px) {
    .sidebar-button{
        display: block !important;
    }
    .hide-desktop{
        display: block !important; 
    }
    .logo-img{
        width: 50px;
        margin-right: 10px;
    }
    .logo-img-mobile{
        width: 120px;
        margin-right: 10px;
    }
    .top-bar .navbar-brand{
        display: flex;
    }
    .items-per-select select option, .items-per-select select.form-select{
        width: 100%;

    }
    .top-bar a.login-btn, 
    .top-bar a.signup-btn{
        font-size: 24px;
    }
    .main-footer .col-lg-6.text-right{
        text-align: left !important;
    }
    hr.d-block.d-lg-none{
        display: none !important;
    }
    #pagination .pull-right{
        float: none !important;
    }
    #pagination .pull-right .pagination{
        justify-content: center !important;
    }
    .padding-left-right{
        padding: 0 15px;
    }    
    .box{
        padding: 20px 0;
        border-top: none;
        margin: 20px 0 10px 0;
    }
    .pills-head .tab-content ul{
        padding: 0 10px
    }
    .header-border-bottom{
        padding: 30px 0;
    }
    .header-border-bottom .home .home-logo{
        position: absolute;
        top: 30px;
    }
    .panel-heading{
        padding: 0;
    }
    .btn-template-outlined{
        width: 100%;
    }    
    .flex-row-reverse-colum{
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse;
    }
    .box-layout .table{
        table-layout: fixed;
    }
    .box-layout .table thead tr th{
        width: 100px;
    }
    .box-layout-cart-table{
        table-layout: fixed;
    }  
    .box-layout-cart-table .table thead tr th{
        width: 200px;
        vertical-align: top;
    }
    .items-per-select{
        width: 100%;
    }
    .quote-btn{
        width: 100%;
    }
    .quantity-bar,
    .item-quantity-meter{
        width: 100%;
    }
    .adjust-quantity.btn{
        font-size: 20px;
    }    
    .bar{
        padding: 0;
    }
    .box .box-header{
        margin: 0px 0 20px;
        padding: 10px 10px 10px 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .box .box-header h3{
        margin-bottom: 0;
    }
    .customer-account{
        margin-bottom: 20px;
    }
    .shiiping-btn{
        margin-top: 20px !important;
        width: 100%;
    }
    .hide-mobile{
        display: none !important;
    }
    .btn-sec{
        width: 100%;
    }
    .padding-top-bottom{
        padding: 20px 15px;
    }
    .pills-head{
        margin-bottom: 20px;
    }
    .btn-template-outlined.btn-menu-outline{
        width: auto !important;
    }
    .padding-bottom{
        padding-bottom: 30px;
    }
    .addresses .text-right{
        text-align: left !important;
    }
    .box-footer.d-flex{
        display: block !important;
    }
    .top-bar .btn-template-outlined{
        display: block;
        background: none;
        border: none !important;
        color: #fff;
        border-radius: 0 !important;
        text-decoration: none;
    }
    .off-canvas-sidebar .category-menu a.nav-link{
        color: #000;
    }
    .new-nav-scrollable .hide-mobile{
        display: none;
    }
    .sidebar-border.new-nav-scrollable .show-mobile{
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
        overflow-x: auto;
    }
    .sidebar-border.new-nav-scrollable ul.show-mobile  {
        list-style: none;
        display: flex;
        padding-left: 0;
    }
    .sidebar-border.new-nav-scrollable ul.show-mobile li {  
        white-space: nowrap;
    }
    .product a {
        margin-top: 0px;
    }
    .tab-content iframe{
        width: 100%;
    }
    .category-menu a.nav-link{
        background-color: #eee;
        margin: 10px;
        padding: 10px;
    }
    .inner-content .category-menu a.nav-link{
        background-color: transparent;
        margin: 0;
        padding: 10px;
    }
    .off-canvas-sidebar .inner-content{
        overflow: auto;
    }
      
}
@media screen and (min-width:425px) and (max-width: 575px) {
    .sidebar-button{
        display: block !important;
    }
    .hide-desktop{
        display: block !important;
    }
    .row-on-desktop{
        display: block;
        flex-wrap: nowrap; 
        margin-right: 0px;
        margin-left: 0px;
    }
    .logo-img{
        width: 50px;
        margin-right: 10px;
    }
    .logo-img-mobile{
        width: 120px;
        margin-right: 10px;
    }
    .top-bar a.login-btn, 
    .top-bar a.signup-btn{
        font-size: 24px;
    }
    .image1{
        padding-top: 5px;
    }
    footer.main-footer h4{
        font-size: 16px;
    }
    footer.main-footer h4{
        font-size: 18px;
    }
    footer.main-footer p{
        font-size: 16px;
    }
    .main-footer .col-lg-6.text-right{
        text-align: left !important;
    }
    hr.d-block.d-lg-none{
        display: none !important;
    }
    #pagination .pull-right{
        float: none !important;
    }
    #pagination .pull-right .pagination{
        justify-content: center !important;
    }
    .products-big .image{
        max-height: fit-content !important;
    }
    .items-per-select select option, .items-per-select select.form-select{
        width: 100%;

    }
   
    .padding-left-right{
        padding: 0 15px;
    }
    .box{
        padding: 20px 0;
        border-top: none;
    }
    .pills-head .tab-content ul{
        padding: 0 10px
    }   
    .header-border-bottom{
        padding: 30px 0;
    }
    .header-border-bottom .home .home-logo{
        position: absolute;
        top: 30px;
    }
    .panel-heading{
        padding: 0;
    }
    .btn-template-outlined{
        width: 100%;
    }    
    .flex-row-reverse-colum{
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse;
    }
    .box-layout .table{
        table-layout: fixed;
    }
    .box-layout .table thead tr th{
        width: 100px;
    }    
    .box-layout-cart-table{
        table-layout: fixed;
    }  
    .box-layout-cart-table .table thead tr th{
        width: 200px;
        vertical-align: top;
    }
    .items-per-select{
        width: 100%;
    }
    .quote-btn{
        width: 100%;
    }
    .quantity-bar,
    .item-quantity-meter{
        width: 100%;
    }    
    .adjust-quantity.btn{
        font-size: 20px;
    }    
    .bar{
        padding: 0;
    }
    .item-quantity-meter span{
        padding: 0 20px;
    }    
    .box .box-header{
        margin: 0px 0 20px;
        padding: 10px 10px 10px 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }    
    .box .box-header h3{
        margin-bottom: 0;
        font-size: 14px;
    }      
    .box{
        padding: 20px 0;
        border-top: none;
        margin: 20px 0 10px 0;
    }
    .customer-account{
        margin-bottom: 20px;
    }
    .shiiping-btn{
        margin-top: 20px !important;
        width: 100%;
    }
    .hide-mobile{
        display: none !important;
    }
    .btn-sec{
        width: 100%;
    }
    .padding-top-bottom{
        padding: 20px 15px;
    }
    .pills-head{
        margin-bottom: 20px;
    }
    .btn-template-outlined.btn-menu-outline{
        width: auto !important;
    }
    .padding-bottom{
        padding-bottom: 30px;
    }
    .addresses .text-right{
        text-align: left !important;
    }
    .box-footer.d-flex{
        display: block !important;
    }    
    .top-bar .btn-template-outlined{
        display: block;
        background: none;
        border: none !important;
        color: #fff;
        border-radius: 0 !important;
        text-decoration: none;
    }
    .off-canvas-sidebar .category-menu a.nav-link{
        color: #000;
    }
    .new-nav-scrollable .hide-mobile{
        display: none;
    }
    .sidebar-border.new-nav-scrollable .show-mobile{
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
        overflow-x: auto;
    }
    .sidebar-border.new-nav-scrollable ul.show-mobile  {
        list-style: none;
        display: flex;
        padding-left: 0;
        margin-top: 10px;
    }
    .sidebar-border.new-nav-scrollable ul.show-mobile li {  
        white-space: nowrap;
    }   
    .product a {
        margin-top: 0px;
    }
    .tab-content iframe{
        width: 100%;
    }
    .category-menu a.nav-link{
        background-color: #eee;
        margin-right: 10px;
        padding: 10px;
    }
    .inner-content .category-menu a.nav-link{
        background-color: transparent;
        margin: 0;
        padding: 10px;
    }
    .off-canvas-sidebar .inner-content{
        overflow: auto;
    }
    .padding-mobile-zero{
        padding: 0 !important;
    }
    .product-map-ProductName{
        font-size: 12px;
    }
}
@media screen and (min-width:320px) and (max-width: 424px) {
    .sidebar-button{
        display: block !important;
    }
    .hide-desktop{
        display: block;
    }
    .row-on-desktop{
        display: block;
        flex-wrap: nowrap; 
        margin-right: 0px;
        margin-left: 0px;
    }
    .logo-img{
        width: 50px;
        margin-right: 10px;
    }
    .logo-img-mobile{
        width: 120px;
        margin-right: 10px;
    }
    .top-bar a.login-btn, 
    .top-bar a.signup-btn{
        font-size: 24px;
    }
    
    .image1{
        padding-top: 5px;
    }
    footer.main-footer {
     min-height: 1127px;
    }
    .main-content-area {
    min-height: 80vh; 
    }
    
    footer.main-footer h4{
        font-size: 18px;
    }
    footer.main-footer p{
        font-size: 16px;
    }
    .main-footer .col-lg-6.text-right{
        text-align: left !important;
    }
    hr.d-block.d-lg-none{
        display: none !important;
    }
    #pagination .pull-right{
        float: none !important;
    }
    #pagination .pull-right .pagination{
        justify-content: center !important;
    }

    .products-big .image{
        max-height: fit-content !important;
    }
    .items-per-select select option, .items-per-select select.form-select{
        width: 100%;
    }
   
    .padding-left-right{
        padding: 0 15px;
    }
    .box{
        padding: 20px 0;
        border-top: none;
        margin: 20px 0 10px 0;
    }
    .pills-head .tab-content ul{
        padding: 0 10px
    }
    .header-border-bottom{
        padding: 30px 0;
    }
    .header-border-bottom .home .home-logo{
        position: absolute;
        top: 30px;
    }
    .panel-heading{
        padding: 0;
    }
    .btn-template-outlined{
        width: 100%;
    }
    .flex-row-reverse-colum{
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse;
    }    
    .box-layout .table{
        table-layout: fixed;
    }
    .box-layout .table thead tr th{
        width: 100px;
    }
    .box-layout-cart-table{
        table-layout: fixed;
    }  
    .box-layout-cart-table .table thead tr th{
        width: 200px;
        vertical-align: top;
    }
    .items-per-select{
        width: 100%;
    }
    .quote-btn{
        width: 100%;
    }
    .quantity-bar,
    .item-quantity-meter{
        width: 100%;
    }
    .adjust-quantity.btn{
        font-size: 14px;
    }
    .bar{
        padding: 0;
    }
    .item-quantity-meter span{
        padding: 0 20px;
    }  
    .box .box-header{
        margin: 0px 0 20px;
        padding: 10px 10px 10px 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .box .box-header h3{
       margin-bottom: 0;
       font-size: 14px;
    }
    .customer-account{
        margin-bottom: 20px;
    }
    .shiiping-btn{
        margin-top: 20px !important;
        width: 100%;
    }
    .hide-mobile{
        display: none !important;
    }
    .btn-sec{
        width: 100%;
    }
    .padding-top-bottom{
        padding: 20px 15px;
    }
    .pills-head{
        margin-bottom: 20px;
    }
    .btn-template-outlined.btn-menu-outline{
        width: auto !important;
    }
    .padding-bottom{
        padding-bottom: 30px;
    }
    .addresses .text-right{
        text-align: left !important;
    }
    .box-footer.d-flex{
        display: block !important;
    }
    .same-line-mobile{
        display: flex;
    }
    .same-line-mobile label{
        margin-left: 20px;
    }
    .top-bar .btn-template-outlined{
        display: block;
        background: none;
        border: none !important;
        color: #fff;
        border-radius: 0 !important;
        text-decoration: none;
    }
    .off-canvas-sidebar .category-menu a.nav-link{
        color: #000;
    }
    .new-nav-scrollable .hide-mobile{
        display: none;
    }
    .sidebar-border.new-nav-scrollable .show-mobile{
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
        overflow-x: auto;
    }
    .sidebar-border.new-nav-scrollable ul.show-mobile  {
        list-style: none;
        display: flex;
        padding-left: 0;
        margin-top: 10px;
    }
    .sidebar-border.new-nav-scrollable ul.show-mobile li {  
        white-space: nowrap;
    }
    .product a {
        margin-top: 0px;
    }
    .tab-content iframe{
        width: 100%;
    }
    .category-menu a.nav-link{
        background-color: #eee;
        margin: 10px;
        padding: 10px;
    }
    .inner-content .category-menu a.nav-link{
        background-color: transparent;
        margin: 0;
        padding: 10px;
    }
    .off-canvas-sidebar .inner-content{
        overflow: auto;
    }
    .padding-mobile-zero{
        padding: 0 !important;
    }
    .product-map-ProductName{
        font-size: 12px;
    }
    .mobile-no-flex{
        flex-direction: column ;
    }
}
@media screen and (max-width: 350px) {
    .overlay-btn{
        right: 5vw;
    }
    .tab-content iframe{
        width: 100%;
    }
}


@media screen and (max-width: 400px) {
    .search-dropdown-container {
        width: 84% !important;
    }
}
@media screen and (min-width: 400px) and (max-width: 440px) {
    .search-dropdown-container {
        width: 85% !important;
    }
}

@media screen and (min-width: 440px) and (max-width: 520px) {
    .search-dropdown-container {
        width: calc(86% + 1px) !important;
    }
}

@media screen and (min-width: 520px) and (max-width: 575px) {
    .search-dropdown-container {
        width: calc(88% + 1px) !important;
    }
}

@media screen and (min-width: 576px) and (max-width: 675px) {
    .search-dropdown-container {
        width: 78% !important;
    }
}

@media screen and (max-width: 1199px) {
    .sidebar-button{
        display: block !important;
    }
    .items-per-select select option, .items-per-select select.form-select{
        width: 100%;
    }
  
    .top-bar a.login-btn, 
    .top-bar a.signup-btn{
        font-size: 16px;
    }
    .box .box-header{
        margin: 0px 0 20px;
        padding: 10px 10px 10px 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .header-border-bottom{
        padding: 30px 0;
    }
    .header-border-bottom .home .logo-img{
        position: absolute;
        top: 30px;
    }
    .items-per-select{
        width: 100%;
    }
    .addresses .text-right{
        text-align: left !important;
    }
    .tab-content iframe{
        width: 100%;
    }
    .sidebar-button{
        display: block !important;
    }
    .hide-desktop{
        display: block !important; 
    }
    .logo-img{
        width: 50px;
        margin-right: 10px;
    }
    .logo-img-mobile{
        width: 120px;
        margin-right: 10px;
    }
    .top-bar .navbar-brand{
        display: flex;
    }
    .items-per-select select option, .items-per-select select.form-select{
        width: 100%;
    }
   
    .top-bar a.login-btn, 
    .top-bar a.signup-btn{
        font-size: 24px;
    }
    .main-footer .col-lg-6.text-right{
        text-align: left !important;
    }
    hr.d-block.d-lg-none{
        display: none !important;
    }
    #pagination .pull-right{
        float: none !important;
    }
    #pagination .pull-right .pagination{
        justify-content: center !important;
    }
    .padding-left-right{
        padding: 0 15px;
    }    
    .box{
        padding: 20px 0;
        border-top: none;
        margin: 20px 0 10px 0;
    }
    .pills-head .tab-content ul{
        padding: 0 10px
    }
    .header-border-bottom{
        padding: 30px 0;
    }
    .header-border-bottom .home .home-logo{
        position: absolute;
        top: 30px;
    }
    .panel-heading{
        padding: 0;
    }
    .btn-template-outlined{
        width: 100%;
    }    
    .flex-row-reverse-colum{
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse;
    }
    .box-layout .table{
        table-layout: fixed;
    }
    .box-layout .table thead tr th{
        width: 100px;
    }
    .box-layout-cart-table{
        table-layout: fixed;
    }  
    .box-layout-cart-table .table thead tr th{
        width: 200px;
        vertical-align: top;
    }
    .items-per-select{
        width: 100%;
    }
    .quote-btn{
        width: 100%;
    }
    .quantity-bar,
    .item-quantity-meter{
        width: 100%;
    }
    .item-quantity-meter{
        padding: 10px 20px;
    }
    .adjust-quantity.btn{
        font-size: 20px;
    }    
    .bar{
        padding: 0;
    }
    .box .box-header{
        margin: 0px 0 20px;
        padding: 10px 10px 10px 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .box .box-header h3{
        margin-bottom: 0;
    }
    .customer-account{
        margin-bottom: 20px;
    }
    .shiiping-btn{
        margin-top: 0 !important;
        width: 100%;
    }
    .cart-order-summary{
        width: 100%;
    }
    .sidebar-border.new-nav-scrollable ul.show-mobile{
        margin-top: 10px;
    }
    .hide-mobile{
        display: none !important;
    }
    .btn-sec{
        width: 100%;
    }
    .padding-top-bottom{
        padding: 20px 15px;
    }
    .pills-head{
        margin-bottom: 20px;
    }
    .btn-template-outlined.btn-menu-outline{
        width: auto !important;
    }
    .padding-bottom{
        padding-bottom: 30px;
    }
    .addresses .text-right{
        text-align: left !important;
    }
    .box-footer.d-flex{
        display: block !important;
    }
    .top-bar .btn-template-outlined{
        display: block;
        background: none;
        border: none !important;
        color: #fff;
        border-radius: 0 !important;
        text-decoration: none;
    }
    .off-canvas-sidebar .category-menu a.nav-link{
        color: #000;
    }
    .new-nav-scrollable .hide-mobile{
        display: none;
    }
    .sidebar-border.new-nav-scrollable .show-mobile{
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
        overflow-x: auto;
        margin-top: 10px;
    }
    .sidebar-border.new-nav-scrollable ul.show-mobile  {
        list-style: none;
        display: flex;
        padding-left: 0;
    }
    .sidebar-border.new-nav-scrollable ul.show-mobile li {  
        white-space: nowrap;
    }
    .product a {
        margin-top: 0px;
    }
    .tab-content iframe{
        width: 100%;
    }
    .category-menu a.nav-link{
        background-color: #eee;
        margin: 10px;
        padding: 10px;
    }
    .inner-content .category-menu a.nav-link{
        background-color: transparent;
        margin: 0;
        padding: 10px;
    }
    .off-canvas-sidebar .inner-content{
        overflow: auto;
    }
    .padding-mobile-zero{
        padding: 0 !important;
    }
    .product-map-ProductName{
        font-size: 12px;
    }
    .sidebar-border.hide-mobile,
    .sidebar-menu.hide-mobile{
        display: none !important;
    }
}
.react-slider__ul li.active img {
    content: unset !important;
}
.skeleton-container {
    display: flex;
    flex-direction: column;
}
.react-slider__areaZoom img { 
    background-color: #fff;
}
.table-custom-cart {
    margin-bottom: 0rem;
}
tbody {
    border-style: inherit ;
}
#pagination .pull-right .break-me .page-link{
    color:#396ca5;
}

.form-control:focus {
    border-color: #396ca5;
    box-shadow: 0 0 0 0.2rem #bdd6f1;
    outline: none;
}