/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.7.1787403491
Updated: 2026-08-22 07:58:11

*/

/* --------- fixed gray Top bar start------------- */
.list-header.sticky {
  position: fixed;
  top: 54px;
  left: 0;
  right: 0;
  z-index: 9999;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.topHead-bars{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.topHead-bars h3{
	margin-bottom: 0px !important;
}
.trigger-modal{
	cursor: pointer;
	user-select: none;
	font-size: 17px !important;
    font-weight: 600;
    font-family: Comfortaa;
}
.trigger-modal i{
	margin-left: 10px;
}
.trigger-modal .rotate-icon {
  transition: transform 0.3s ease;
}
.trigger-modal .rotate-icon.rotated {
  transform: rotate(180deg);
}
.custom-dropdown-modal {
  position: absolute;
  top: 180%;
  right: 0px;
  background: #f1f1f1;
  width: 220px;
  padding: 15px 20px;
	box-shadow: 
    6px 0 6px -4px rgba(0, 0, 0, 0.2), 
   -6px 0 6px -4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 
    6px 0 6px -4px rgba(0, 0, 0, 0.2), 
   -6px 0 6px -4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 
    6px 0 6px -4px rgba(0, 0, 0, 0.2), 
   -6px 0 6px -4px rgba(0, 0, 0, 0.2);
  transform-origin: top;
  transform: rotateX(-90deg);
  opacity: 0;
  visibility: hidden;
  transition: transform 0.3s ease, opacity 0.3s ease;
  z-index: 100;
}
.custom-dropdown-modal.show {
  transform: rotateX(0deg);
  opacity: 1;
  visibility: visible;
}
.modal-content {
  position: relative;
}
.custom-dropdown-modal .branch-address{
	padding-bottom: 8px;
}
.custom-dropdown-modal ul{
	margin-left: 0px !important;
    margin-bottom: 0px !important;
}
.custom-dropdown-modal ul li{
	display: flex;
	align-items: center;
}
.custom-dropdown-modal ul li a{
	color: #676767 !important;
}
.custom-dropdown-modal ul li i{
	margin-right: 12px;
}
/* --------- fixed gray Top bar End------------- */

/* ------------Locators Fabricator checkbox toggler start ------ */
.fabricatorToggle {
    display: flex !important;
    align-items: center !important;
    margin-top: 10px !important;
    justify-content: flex-end !important;
    float: inline-end !important;
}
.fabricatorToggle span {
    margin-left: 5px;
	line-height: 12px;
    padding-top: 5px;
	font-weight: 600;
}
.fabricatorToggle .fabricator-toggle-btn span {
	padding-top: 0px;
}

.fabricator-toggle-btn {
    position: relative;
    padding: 0.25rem;
    border-radius: 1rem;
    width: 3.5rem;
    height: 1.5rem;
    background-color: lightgrey;
    transition: background-color 0.3s ease-in-out;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    border: 2px solid lightgrey;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    font-weight: bold;
    color: white;
    position: relative;
}

.fabricator-toggle-btn .toggle-text {
    margin-left: 0px;
    flex-grow: 1;
    text-align: right;
    color: #fff;
    font-weight: bold;
}

.fabricator-toggle-btn .handle {
    position: absolute;
    top: 50%;
    left: 0.12rem;
    width: 1rem;
    height: 1rem;
    background-color: #fff;
    border-radius: 50%;
    transform: translateY(-50%);
    transition: left 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.fabricator-toggle-btn.active {
    background-color: #3580b5;
    border-color: #3580b5;
    color: white;
}

.fabricator-toggle-btn.active .toggle-text {
    color: white;
    text-align: left;
}

.fabricator-toggle-btn.active .handle {
    left: 2.12rem;
    background-color: white;
}

/* ------------Locators Fabricator checkbox toggler End ------ */
/* ------------Search suggetion style start  ------ */
.suggestion-wrapper {
    position: relative;
  }

  .custom-input {
    width: 100%;
    padding: 10px 12px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 6px;
    outline: none;
  }

  .custom-suggestion-box {
    position: absolute;
    top: 75%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    max-height: 250px;
    overflow-y: auto;
    z-index: 999;
    display: none;
  }

  .suggestion-item {
    padding: 10px 15px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    font-size: 15px;
    transition: background 0.2s;
  }

  .suggestion-item:hover {
    background-color: #f5f5f5;
  }

  .no-match {
    padding: 10px 15px;
    text-align: center;
    color: #999;
    font-style: italic;
    font-size: 14px;
  }
/* ------------Search suggetion style End  ------ */



.nofitsPro {
    display: none;
}
.disabled {
    pointer-events: none; 
    opacity: 0.5; 
}

.afterLoad{
	display:none;
}
.msgAndtoggleBtn-wrap{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.togglerShowHide{
	min-width:270px;
}
 .btn-toggle {
	 position: relative;
	 padding: 0.25rem;
	 border-radius: 1rem;
	 width: 2.5rem;
	 height: 1.25rem;
	 background-color: transparent;
	 transition: background-color 0.3s ease-in-out;
	 cursor:pointer;
	  -webkit-appearance: none;
	 appearance: none;
	 border: 2px solid #707070;
}
.btn-toggle.active {
	background-color: #e5e5e5;
}
.btn-toggle .handle {
	position: absolute;
	top: 50%;
	left: 0.125rem;
	width: 1rem;
	height: 1rem;
	background-color: #707070;
	border-radius: 50%;
	transform: translateY(-50%);
	transition: left 0.3s ease-in-out;
}
.btn-toggle.active .handle {
	left: 1.375rem;
}

/* ----------------New Arrival Toggle start------------- */
.togglerNewArrival {
    padding: 15px 10px !important;
    background-color: #e5e5e542 !important;
    margin-bottom: 15px !important;
	display: flex !important;
	align-items: center !important;
}
.togglerNewArrival span {
    color: #aaaaaa;
    font-weight: 600;
	margin-left: 10px;
}

.arrival-toggle {
    position: relative;
    padding: 0.25rem;
    border-radius: 1rem;
    width: 3.5rem; /* Adjusted width to fit text */
    height: 1.5rem;
    background-color: #aaaaaa;
    transition: background-color 0.3s ease-in-out;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    border: 2px solid #aaaaaa;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    font-weight: bold;
    color: white;
    position: relative;
}

.arrival-toggle .toggle-text {
	margin-left: 0px;
    flex-grow: 1;
    text-align: right;
    color: #fff;
    font-weight: bold;
}

.arrival-toggle .handle {
    position: absolute;
    top: 50%;
    left: 0.12rem;
    width: 1rem;
    height: 1rem;
    background-color: #fff;
    border-radius: 50%;
    transform: translateY(-50%);
    transition: left 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.arrival-toggle.active {
    background-color: #80aab6;
	border-color: #80aab6;
    color: white;
}

.arrival-toggle.active .toggle-text {
    color: white;
	text-align: left;
}

.arrival-toggle.active .handle {
    left: 2.12rem;
    background-color: white;
}
/* ----------------New Arrival Toggle end------------- */
.details-buttons{
	display:flex;
	align-items:center;
}
.details-buttons .cartButtons{
	text-transform:uppercase;
	background: #80aab6;
    color: #fff;
	font-size: 16px;
	font-weight: 600;
    padding: 12px 24px !important;
    transition: all .2s ease;
    border: 0px;
    border-radius: 4px !important;
}
.details-buttons .cartButtons.add-to-cart{
	margin-right:5px;
}





#OfferPDEtailModal .spinner i,
#productDEtailModal .spinner i,
#favoriteModal .spinner i{
	font-size: 40px !important;
    margin-top: 60px !important;
}
#OfferPDEtailModal .spinner,
#productDEtailModal .spinner,
#favoriteModal .spinner{
	width: 100%;
    position: absolute;
    top: 25%;
    text-align: center;
}
.socialIconss .fa-file-pdf{
	margin-right:4px;
}
.location-nameSh{
	font-size: 25px;
    color: #707070 !important;
	font-weight:600 !important;
	margin-bottom:0px !important;
	margin-left: 60px;
	text-transform: capitalize;
}
.mesgText{
	color: black;
    font-size: 16px;
	padding-left:15px;
	padding-bottom:0px;
	min-width: 50%;
}
.removemsgText{
	display:none;
}
#backClButton{
    color: #707070;
    padding: 10px 14px !important;
}
.pointer{
    cursor: pointer;
}
input[type='radio'] {
    accent-color: #707070;
}
.maxWidth23{
	width: 23%;
}
.disclaimerShowHid{
/* 	max-width:60%; */
}
.disclaimerShowHid p{
	padding-bottom:0px;
}
.disclaimerShowHid span{
    font-size: 18px;
	font-weight: 600;
}
.main-wrapper ul li{
    display: flex;
}
.main-wrapper ul li input,
.main-wrapper ul li label{
    cursor: pointer;
}

.dropDownItem-subList ul li label{
	 padding: 5px 0px 0px 0px !important;
}
ul li label a{
  color: #707070;
}
.qtyLots,
.productGroupCode,
.productItemNmbr{
    display: none;
}
/* --------------------------------- */
.list-header{
    background-color: #e5e5e5;
    padding: 15px 0px;
}
.top-heading{
    color: #707070;
	font-weight: 600;
/* 	font-family: PT Sans; */
}
.filter-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.leftSide{
    display: flex;
    align-items: center;
    margin-right: 10px;
}
.filterBtnBar{
	min-width: 139px;
}
.clearFIlter,
.filterBtnBar{
    background-color: #e5e5e5;
    color: #707070;
    padding: 8px 15px 5px 15px;
    border-radius: 8px;
    margin-right: 10px;
}
.filterBtnBar .fa-sliders{
    font-size:18px;
    margin-right: 5px;
}

.filter-sort{
    display: flex;
    align-items: center;
}
.filter-sort span{
    margin-right: 10px;
}
.filter-sort span.toggleBrnchName {
    margin-right: 0px;
}
.main-contentArea{
    display: flex;
}
.form-controle{
    margin-bottom: 20px;
    background: transparent !important;
    border: 1px solid #e4e4e4 !important;
}
.form-controle:focus{
   box-shadow: none !important;
}

.col-item{
    border-top: 2px solid #e4e4e4 !important;
    padding: 5px 10px;
}
.col-item-last{
    margin-bottom: 10px;
}
.col-item-last a{
    color: #707070;
    font-weight: 600;
}
.col-item-last a:hover{
    color: blue;
    text-decoration: underline;
}
.dropDownItem {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.filterName{
    font-weight: 600;
}
.dropDownItem-subList{
    display: none;
}
.dropDownItem-subList ul{
    margin-bottom: 0px !important;
}
.dropDownItem-subList ul li{
    padding: 0px !important;
}
.dropDownItem-subList ul li input{
    margin-right: 5px;
}

.dropDownItem-subList ul li.active a{
    color: #80aab6;
    font-weight: 600; 
    text-decoration: underline;
}

/* ---------------Show Hide SIdebar ---------------- */
.hide-sidebar {
    display: none !important;
}
.full-width {
    width: 100% !important;
}

/* ------------------Product Item Style -----------------*/
.product-head{
    position: relative;
}

/*------------------------------------------------  */
.magnify-zoom {
    position: absolute;
    top: 0;
    left: 102%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 1px solid #ddd;
    background-repeat: no-repeat;
    background-size: 220%; 
    background-position: center;
    display: none;
    z-index: 10;
}

.magnify-image {
    width: 100%;
    height: 100%;
    display: block;
}

.span_4{
    height: auto;
}
.col.span_4:nth-child(3n+3) {
    margin-right: 0;
}
#main-fav-content .col:last-child {
    margin-right: 2% !important;
}
.product-head .product-icons{
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 15px;
    right: 5px;
}
.product-icons .icon{
    background-color: #fff;
    padding: 5px 7px 0px 7px;
    border-radius: 6px;
    margin-right: 5px;
    cursor: pointer;
}
.product-icons .icon i{
    font-size: 18px;
}
.row .col img{
    margin-bottom: 0px !important;
}

.product-head .productloopImg{
    line-height: normal;
	min-width: 100%;
    height: 200px;
	overflow:hidden;
}
.product-head .productloopImg img{
/*     min-width: 100%;
    height: 200px; */
}

.full-width .product-head .productloopImg{
    background-color: #ededed;
    max-height: 279px;
    min-height: 279px;
    overflow: hidden;
    text-align: center;
}
.full-width .product-head .productloopImg img{
	cursor: pointer;
    min-width: auto;
    height: auto;
}

.subProduct{
    cursor: pointer;
}
.product-content{
    padding-top: 5px;
    padding-bottom: 20px;
}
.favProduct h2,
.product-content h2{
/*     font-family: PT Sans; */
    color: #707070;
    font-size: 15px !important;
    font-weight: 600;
    line-height: 18px !important;
    margin-bottom: 0px !important;
    text-transform: capitalize !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.favProduct span,
.product-content span{
    color: #a7a7a7;
}
.subsPricing span {
    color: red !important;
}
.subsPricing .leftLine {
    background: red;
    width: 1px;
}
.paginationWraper div{
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 20px 40px;
}
#backButton,
.paginationWraper #nextBtn,
.paginationWraper #prevBtn,
.paginationWraper button{
    border: 0px;
    padding: 7px 14px;
    border-radius: 8px !important;
    background: #eaeaea;
    -webkit-border-radius: 8px !important;
}
#backButton{
    color: #707070;
    padding: 10px 14px !important;
}
#backButton i{
    color: #707070;
}
.paginationWraper button i{
    font-size: 25px;
    color: #707070;
}
.paginationWraper #paginationSH{
    color: #707070;
    padding: 7px 14px;
    border-radius: 4px;
    background: #eaeaea;
    margin: 0px 8px;
    font-size: 20px;
}
.paginationWraper #totalPages{
    color: #707070;
    margin-left: 10px;
}
.filterBtn{
    display: flex;
    align-items: center;
    justify-content: end;
}
.filterBtn button{
    cursor: pointer;
    border: 0px;
    color: #707070;
    padding: 5px 15px;
    border-radius: 4px;
    background: #eaeaea;
    margin-bottom: 10px;
}
#offer-products .product-content {
    padding-bottom: 0px !important;
}
#offer-products .mainSubs span{
	font-size: 17px !important;
}
#main-content{
    position: relative;
}
#main-fav-content{
    position: relative;
    padding: 40px 0px;
}
#main-fav-content .span_4{
    min-height: 380px;
}
#main-content .span_4{
    min-height: 280px;
}
#loader{
    position: absolute;
    left: 45%;
    top: 2%;
    z-index: 9999;
}
#loader i{
    font-size: 60px;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#spinner {
    animation: spin 1s linear infinite;
}
.newArrival{
    background: #707070;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    line-height: normal;
    border-radius: 8px;
    position: absolute;
    top: 10px;
    left: 10px;
}
.mainSubs{
    display: flex;
    align-items: center;
}
.subLotQyt{
    display: flex;
    align-items: center;
}
.leftLine{
    width: 2px;
    height: 12px;
    margin: 0px 8px;
    background: #a7a7a7;
}
/* .main-wrapper .fa,
.main-wrapper .fas {
    display: block !important;
} */
/* ---------------------------Faverate Style start------------------------- */
.favorite-link{
    position: relative;
}
.favorite-link i{
    font-size: 30px;
}
.favorite-link .favorite-count{
    position: absolute;
/*     top: -8px; */
    right: -10px;
    background: #707070;
    color: #fff;
    font-size: 14px;
    padding: 0px 7px;
    border-radius: 50%;
}
/* ---------------------------Faverate Style End------------------------- */




/* ---------------------------Alert Style start------------------------- */
.main-wrapper{
    position: relative;
}
.main-wrapper .alert{
    background: #fff;
    color: #707070;
    border: 1px solid #707070;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 20px;
    position: fixed;
    top: 10%;
    right: 1%;
    z-index: 9999;
}
/* ---------------------------Alert Style End--------------------------- */

.btnCloseWrapr{
	position: relative !important;
	margin-top: -45px;
    margin-right: -45px;
    padding-bottom: 45px;
}

/* ------------------------Modal css Start ------------------------------ */
#ajax-content-wrap #offerModal,
#ajax-content-wrap #shareDEtailModal,
#ajax-content-wrap #OfferPDEtailModal,
#ajax-content-wrap #productDEtailModal,
#ajax-content-wrap #imageModal {
    display: none; 
}
#ajax-content-wrap #offerModal.modal,
#ajax-content-wrap #shareDEtailModal.modal,
#ajax-content-wrap #OfferPDEtailModal.modal,
#ajax-content-wrap #productDEtailModal.modal,
#ajax-content-wrap #imageModal.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    width: 100%;
    height: 100vh;
    background-color: rgba(57, 57, 57, 0.8); 
}
#ajax-content-wrap #imageModal.modal {
    overflow-y: scroll;
}
#ajax-content-wrap #offerModal.modal,
#ajax-content-wrap #shareDEtailModal.modal,
#ajax-content-wrap #OfferPDEtailModal.modal,
#ajax-content-wrap #productDEtailModal.modal{
    overflow-x: scroll;
}
#ajax-content-wrap #offerModal .modal-body,
#ajax-content-wrap #shareDEtailModal .modal-body,
#ajax-content-wrap #OfferPDEtailModal .modal-body,
#ajax-content-wrap #productDEtailModal .modal-body,
#ajax-content-wrap #imageModal .modal-body {
    padding-top: 100px;
    max-width: 50%;
    margin: auto;
    text-align: center;
}
#ajax-content-wrap #imageModal .modal-content {
    margin-top: 50px;
}
#ajax-content-wrap #offerModal .modal-body,
#ajax-content-wrap #shareDEtailModal .modal-body,
#ajax-content-wrap #OfferPDEtailModal .modal-body,
#ajax-content-wrap #productDEtailModal .modal-body{
    margin: 100px auto;
    max-width: 80%;
    background-color: #fff;
    border-radius: 15px;
    padding: 15px 25px;
}
#ajax-content-wrap #offerModal .modal-content,
#ajax-content-wrap #shareDEtailModal .modal-content,
#ajax-content-wrap #OfferPDEtailModal .modal-content,
#ajax-content-wrap #productDEtailModal .modal-content,
#ajax-content-wrap #imageModal .modal-content {
    position: relative !important;
}

#ajax-content-wrap #OfferPDEtailModal .modal-body img,
#ajax-content-wrap #productDEtailModal .modal-body img,
#ajax-content-wrap #imageModal .modal-body img {
    max-width: 100%;
    height: auto;
}
#ajax-content-wrap #OfferPDEtailModal .modal-body .product-head img,
#ajax-content-wrap #productDEtailModal .modal-body .product-head img{
    max-width: 100% !important;
    height: auto !important;
}
#ajax-content-wrap #OfferPDEtailModal .modal-body .imghvrZoom:hover,
#ajax-content-wrap #productDEtailModal .modal-body .imghvrZoom:hover,
#ajax-content-wrap #imageModal .modal-body .imghvrZoom:hover {
    overflow: hidden;
}
#ajax-content-wrap #OfferPDEtailModal .modal-body .imghvrZoom:hover img,
#ajax-content-wrap #productDEtailModal .modal-body .imghvrZoom:hover img,
#ajax-content-wrap #imageModal .modal-body .imghvrZoom:hover img {
    transform: scale(1.2);
    transition: transform 0.3s ease;
}
#ajax-content-wrap #offerModal .shareProductDclose,
#ajax-content-wrap #shareDEtailModal .shareProductDclose,
#ajax-content-wrap #OfferPDEtailModal .productDclose,
#ajax-content-wrap #productDEtailModal .productDclose,
#ajax-content-wrap #imageModal .close {
    position: absolute !important;
    top: 10% !important;
    right: 2% !important;
    font-size: 30px;
    background-color: transparent;
    color: #fff;
    border: 0px;
    cursor: pointer;

}
#ajax-content-wrap #offerModal .shareProductDclose,
#ajax-content-wrap #shareDEtailModal .shareProductDclose,
#ajax-content-wrap #OfferPDEtailModal .productDclose,
#ajax-content-wrap #productDEtailModal .productDclose{
    top: -5% !important;
}
#ajax-content-wrap #OfferPDEtailModal .productDclose,
#ajax-content-wrap #productDEtailModal .productDclose{
    top: -5% !important;
	right: 0% !important
}

.modalProductName p{
    color: #fff;
}
/* ------------- Product Detail Modal Start --------------- */
.productCard-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.productCard-head h5{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0px !important;
    color: #707070;
}
.socialIconss{
    display: flex;
    align-items: center;
}
.socialIconss span{
    margin-left: 10px;
    cursor: pointer;
    color: #707070;
    padding: 6px 12px 3px 12px;
    border-radius: 8px;
    background: #eaeaea;
}
.productCard-midle ul{
    margin-left: 0px;
    margin-bottom: 0px;
}
.productCard-midle ul li{
    border-top: 1px solid #707070;
    padding: 5px 0px;
    display: flex;
    align-items: center;
}
.productCard-midle ul li:last-child{
/*     border-bottom: 1px solid #707070; */
}
.productCard-midle .midle-haeding{
    color: #707070;
    text-align: left;
    width: 30%;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 0px;
}
.productCard-footer {
    margin-top: 10px;
}
.productCard-footer table {
    width: 100%;
    border-collapse: collapse;
}
.productCard-footer th, .productCard-footer td {
    border-bottom: 1px solid #eaeaea !important;
    text-align: center !important;
    padding: 8px;
}
.productCard-footer th {
    font-weight: 600 !important;
    background-color: #eaeaea; 
}

/* ------------- Product Detail Modal End   --------------- */


/* ------------- Faverate List Modal Start   --------------- */
#sharefavoriteModal{
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999999;
    width: 100%;
    height: 100vh;
    background-color: rgba(57, 57, 57, 0.8); 
}
#offerModal h5,
#shareDEtailModal h5{
    text-align: center;
    font-size: 20px;
    color: #a7a7a7;
}
#offerModal .modal-body,
#shareDEtailModal .modal-body{
    padding: 30px 25px 80px 25px !important;
}
#offerModal .form-card,
#shareDEtailModal .form-card{
    max-width: 500px;
    margin: auto;
    text-align: left;
}
#sharefavoriteModal .productCard-head{
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 15px;
    margin-bottom: 25px;
}
#favoriteModal{
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999999;
    width: 100%;
    height: 100vh;
    background-color: rgba(57, 57, 57, 0.8); 
}
.favorite .modal-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.favorite .close{
    border-radius: 50%;
    font-size: 30px;
    padding: 9px 10px 0px 10px;
}

#sharefavoriteModal .modal-content,
#favoriteModal .modal-content{
    position: absolute;
    right: 0px;
    z-index: 9999999;
    width: 600px;
    padding: 30px 20px;
    background: #fff;
}
#sharefavoriteModal .modal-content{
    height: 100vh;
    overflow-y: scroll;
    padding: 40px;
}
.favProduct-list .favProduct .thumbnail-img{
    width: 100px;
/*     height: 80px; */
    margin-right: 10px;
    background-color: #e5e5e5;
}
.favProduct-list .favProduct .thumbnail-img img{
    width: 100%;
    height: auto;
}
.favProduct-list {
    height: 100vh;
    overflow-y: overlay;
    background: #fff;
}
#favoriteModal .modal-content{
    padding: 30px 0px;
}
#favoriteModal .modal-content .productCard-head,
#favoriteModal .modal-content .favProduct-list{
    padding: 0px 20px;
}

.favProduct-list::-webkit-scrollbar {
    width: 5px;
}
.favProduct-list::-webkit-scrollbar-track {
    background: #eaeaea;
}
.favProduct-list::-webkit-scrollbar-thumb {
    background: #707070;
    border-radius: 4px;
}
.favProduct-list .favProduct{
    display: flex;
    align-items: center;
    padding: 10px 0px;
    border-top: 1px solid #707070;
}
.favProduct-list .list-left{
    max-width: 50%;
    display: flex;
    align-items: center;
}
.favProduct-list .remove-favorite{
    margin-left: auto;
    background: transparent;
    border: 0px;
    padding: 0px;
    margin-right: 7px;
    cursor: pointer;
}
.favProduct-list .product-content{
    padding-bottom: 0px;
}

.form-card{
    border: 1px solid #707070;
    padding: 25px 40px;
    border-radius: 18px;
}
.form-card label{
    color: #707070;
    font-weight: 600;
}
.form-card p{
    padding-bottom: 5px !important;
}
.form-card p span input{
    background-color: transparent;
    border: 1px solid #707070;
    border-radius: 10px;
}
.form-card .wpcf7-form textarea:focus,
.form-card p span input:focus{
    border-color: #707070 !important;
}
.form-card .wpcf7-form textarea{ 
    width: 100% !important;
    height:180px;
    background-color: transparent;
    border: 1px solid #707070;
    border-radius: 10px;
}
.form-card .wpcf7-submit{ 
    background-color: #707070 !important;
    color: #fff;
	border-radius:4px !important;
	-webkit-border-radius: 4px !important;
}
.modal .form-card .wpcf7-submit{ 
	border-radius:4px !important;
	-webkit-border-radius: 4px !important;
}
.fav-url{
    padding-right: 55px !important;
}
.copy-to-clipboard{
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 5px;
    background: #eaeaea;
    padding: 6px;
    border-radius: 8px;
    border: 0px;
}
/* ------------- Faverate List Modal End   --------------- */


/* ------------------------Modal css End ------------------------------ */

#OfferPDEtailModal .productCard-midle,
#productDEtailModal .productCard-midle{
    display: flex;
}
#OfferPDEtailModal .productCard-midle .leftDiv,
#productDEtailModal .productCard-midle .leftDiv{
    width: 45%;
    background-color: #e5e5e5;
}
#OfferPDEtailModal .productCard-midle .rightDiv,
#productDEtailModal .productCard-midle .rightDiv{
    width: 55%;
}
.modalLogo{
	display:none;
    text-align: center;
}
.modalLogo h5{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #707070;
}
.modalLogo img{
    max-width: 170px !important;
}
/* ------------ custom product slider css start------- */
.custom-product-slider-wrapper .custom-product-slider-heading {
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}
.custom-product-slider-wrapper .custom-product-slider-tagline{
	text-align: center;
	font-size: 14px,
}
.custom-product-slider-view-button{
	text-align: center;    
	margin-top: 50px;
}
.custom-product-slider-view-button a{
	text-align: center;
	background: #7faab8;
	color: #fff;
	font-size: 18px;
	border-radius: 25px;
    padding: 15px 30px;

}
.custom-product-slider-view-button a i{	
    margin-left: 7px;
}
.loader{
	text-align: center;
	font-size: 16px;
}
.custom-product-slider .product-item {
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    margin: 0 10px;
}
.custom-product-slider .product-image img {
	text-align: center;
    max-width: 100%;
    height: 288px;
}
.custom-product-slider .product-details {
    padding: 10px;
}
.custom-product-slider .product-lots,
.custom-product-slider .product-name {
    font-size: 13px !important;
	margin-bottom: 0px !important;
	line-height: 18px !important;
}
.custom-product-slider .product-subName {
    font-size: 15px !important;
	font-weight: 600 !important;
	padding-bottom: 0px !important;
}
.custom-product-slider .slick-prev,
.custom-product-slider  .slick-next {
    font-size: 24px;
    color: #333;
    background: none;
    border: none;
    position: absolute;
    top: 35%;
    transform: translateY(-50%);
    z-index: 1;
}

.custom-product-slider .slick-prev:before {
	content: none !important;
}
.custom-product-slider .slick-next:before {
	content: none !important;
}
.custom-product-slider .slick-prev,
.custom-product-slider .slick-next{
	color: #787878;
}
.custom-product-slider .slick-prev:hover,
.custom-product-slider .slick-next:hover{
	color: #787878;
}


/* -------------custom product slider css end -------- */

/* ------- Global Footer Section ----------- */
.salient-global-section .vc_column-inner .wpb_content_element .wpb_wrapper p{
	padding-bottom: 0px !important
}
.salient-global-section .nectar_icon_wrap .nectar_icon:before{
	box-shadow: none !important;
}

/* ---------- statusInfo Start---------- */
.statusWrap{
	display: flex;
	align-content: start;
	justify-content: center;
}
.statusInfo{
	position: relative;
}
.statusInfo img{
	cursor: pointer;
	margin-top: 2px;
    margin-left: 8px;
}
.statusInfo-card{
  position: absolute;
  top: 120%;
  right: 0%;
/*   transform: translateX(-50%); */
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(234, 234, 234, 1);
  border-radius: 10px;
  padding: 10px;
  min-width: 327px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
  z-index: 100;
  text-align: left;
  display: none;
}
.statusInfo:hover .statusInfo-card {
  display: block; /* show on hover */
}
.statusInfo-card p{
	margin-bottom:0px;
	padding: 3px 0px;
	font-size: 14px;
	font-weight: 600;
	color: rgba(103, 103, 103, 1);
}
.statusInfo-card p img{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 8px;
}
.reserved{
	color: rgba(197, 70, 0, 1);
}
.clearance{
	color: rgba(128, 170, 182, 1);
}
.viewSlab{
	display: flex;
	align-content: center;
	justify-content: start;
	width: 100%;
}
/* -----------statusInfo End ----------- */

@media only screen and (max-width: 1024px){
/* 	.disclaimerShowHid {
		max-width: 40%;
	} */
	.filter-head{
		flex-wrap: wrap;
	}
	.mesgText{
		max-width: 100%;
	}
	.maxWidth23{
		width: 60%;
	}
	.custom-product-slider .product-image img {
		height: 198px;
	}
}
@media only screen and (max-width: 992px){
	.list-header.sticky {
		top: 73px;
	}
    #OfferPDEtailModal .productCard-midle,
	#productDEtailModal .productCard-midle{
        display: block;
    }
    #OfferPDEtailModal .productCard-midle .col,
	 #productDEtailModal .productCard-midle .col{
        float: none !important;
    }
    #OfferPDEtailModal .productCard-midle .leftDiv,
    #productDEtailModal .productCard-midle .rightDiv,
	#OfferPDEtailModal .productCard-midle .leftDiv,
    #productDEtailModal .productCard-midle .rightDiv{
        width: 100%;
    }
    #OfferPDEtailModal .productCard-midle .rightDiv,
	#productDEtailModal .productCard-midle .rightDiv{
        margin-top: 2%;
    }
	.disclaimerShowHid {
/* 		max-width: 35%; */
	}
	.custom-product-slider .product-image img {
		height: 193px;
	}
	#offer-products .mainSubs span{
		font-size: 14px !important;
	}
}
@media only screen and (max-width: 888px){
	#offer-products .mainSubs span{
		font-size: 12px !important;
	}
}
@media only screen and (min-width: 691px) and (max-width: 999px){
    .span_4{
        width: 48%;
    }
    .col.span_4:nth-child(3n+3) {
        margin-right: 2% !important;
    }
    /* .col.span_4:nth-child(3n+2) {
        margin-right: 0px !important;
    } */
    .mainSubs span{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }
    #sidebar.span_3 {
        width: 40% !important;
    }
}
@media only screen and (max-width: 768px){
	.list-header.sticky {
		top: 73px;
    }
	.msgAndtoggleBtn-wrap{
		display:block;
	}
    #ajax-content-wrap #imageModal .modal-body {
        padding-top: 70px;
        max-width: 80%;
    }
    /* #ajax-content-wrap #imageModal .close {
        top: 2% !important;
    } */
    .productCard-head{
        display: block;
    }
    #sharefavoriteModal .productCard-head,
    #favoriteModal .productCard-head {
        display: flex;
    }
    .productCard-head h5{
        text-align: left;
    }
    .productCard-footer th{
        font-size: 12px;
    }
    .productCard-footer th,
    .productCard-footer td {
        padding: 5px;
    }
    .table-responsiveCls{
        width: 100%;
        overflow: scroll;
    }
    .full-width .product-head .productloopImg{
        max-height: 100%;
    }
	.mesgText{
	    padding-left:0px	
	}
	.location-nameSh{
		font-size:22px !important;
	}
	.maxWidth23 {
        width: 100%;
    }
	.custom-product-slider .product-image img {
		height: 217px;
	}
	#offer-products .mainSubs span{
		font-size: 11px !important;
	}
    
}
@media only screen and (max-width: 690px){
    .clearFIlter, .sort-count {
        display: none;
    }
    .col {
        margin-bottom: 0px !important;
    }
    #sidebar.col {
        margin-right: 2%;
        width: auto;
    }
    .sort-count{
        display: none !important;
    }
    #ajax-content-wrap #offerModal .modal-body,
	#ajax-content-wrap #shareDEtailModal .modal-body,
    #ajax-content-wrap #OfferPDEtailModal .modal-body,
	#ajax-content-wrap #productDEtailModal .modal-body {
        max-width: 85%;
        padding: 15px;
    }
    #sharefavoriteModal .modal-content,
    #favoriteModal .modal-content {
        width: 475px;
    }
    #sharefavoriteModal .modal-content,
    .form-card,
    #offerModal .modal-body,
	 #shareDEtailModal .modal-body{
        padding: 20px !important;
    }
    

}

@media only screen and (max-width: 600px){
    .main-contentArea{
        display: block !important;
    }
    #sidebar,
    #main-content{
        width: 100% !important;
    }
    #main-content .productloopImg{
        /* background-color: #ededed; */
    }
    #main-content .productloopImg img{
        height: auto;
        max-width: 100%;
    }
}
@media only screen and (max-width: 580px){
    #ajax-content-wrap #offerModal .shareProductDclose,
	#ajax-content-wrap #shareDEtailModal .shareProductDclose,
    #ajax-content-wrap #imageModal .close {
        right: 0% !important;
    }
	#ajax-content-wrap #OfferPDEtailModal .productDclose,
	#ajax-content-wrap #productDEtailModal .productDclose{
		right: 2% !important
	}
    #ajax-content-wrap #offerModal .modal-body,
	 #ajax-content-wrap #shareDEtailModal .modal-body,
    #ajax-content-wrap #productDEtailModal .modal-body,
	#ajax-content-wrap #OfferPDEtailModal .modal-body{
        max-width: 90%;
    }
	.leftSide{
		display: block;
	}
	.leftSide .filterBtnBar{
		width: fit-content;
	}
	.location-nameSh{
		margin-bottom: 10px !important;
		margin-top: 10px !important;
		margin-left: 0px !important;
	}
	.custom-product-slider .product-image img {
		height: 317px;
	}
}
@media only screen and (max-width: 475px){
    #sharefavoriteModal .modal-content,
    #favoriteModal .modal-content {
        width: 100%;
    }
    #sharefavoriteModal .productCard-head,
    #favoriteModal .productCard-head {
        display: block;
    }
	.btnCloseWrapr {
		margin-right: -30px;
	}
	.location-nameSh{
		font-size: 20px !important;
	}
	.custom-product-slider .product-image img {
		height: auto;
	}

}