/**** New style ****/
button.darkbutton {
    background: #231f20;
    border: 1px solid #231f20;
    border-radius: 6px;
    font-weight: 700;
    font-size: 15px;
    opacity: 0.85;
  }
  button.darkbutton:hover {
    background: #d7282f;
    border: 1px solid #d7282f;
    opacity: 1;
  }
  button.red_btn {
    background: #fff;
    width: 100%;
    opacity: 0.8;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    height: 35px;
    border: 1px solid #d7282f;
    color: #d7282f; margin:0;
  }
  button.red_btn:hover {
    background: #d7282f;
    color: #fff;
  }
  
  div .brand_serach {
    color: #fff;
    background: #d7282f;
    border-radius: 6px;
    border: 1px solid #d7282f !important;
    text-transform: capitalize;
    height: 34px;
    font-weight: 600;
    width: 50px;
  }
  div .brand_serach:hover {
    color: #d7282f;
    background: #d7282f;
    color: #fff;
    opacity: 0.8;
  }
  
  /***** Produce detail page *****/
  .outer_layout {
    width: 98%;
    margin: 2rem auto;
  }
  .top_head {
    display: flex;
    justify-content: space-between;
  }
  .product_list_left h3 {
    color: #231f20;
    font-size: 21px;
    font-weight: 600;
  }
  .list_img {
    width: 30px;
    height: 30px;
  }
  .list_img img {
    height: 25px;
    object-fit: fill;
    filter: grayscale(100%);
  }
  div .list_txt span {
    font-weight: 400;
    font-size: 14px !important;
    color: #231f20;
    margin: 0 10px;
    font-family: open sans;
  }
  .detail_accordian {
    background: #ffe8ec !important;
    border-radius: 6px 6px 0px 0px !important;
    height: 37px;
  }
  .detail_row {
    padding: 0 !important;
  }
  ul.detail_row li {
    padding: 0;
  }
  div .list_img {
    padding: 12px 9px !important;
    margin: 8px 0 0 0 !important;
    border-radius: 6px;
  }
  .MuiPaper-root {
    box-shadow: none !important;
  }
  .css-1elwnq4-MuiPaper-root-MuiAccordion-root:before {
    background: none !important;
  }
  .price_slider {
    display: flex;
    font-weight: 700;
    font-size: 14px;
    color: #223354;
    text-align: center;
    margin: 20px 0;
  }
  .price_slider label {
    font-weight: 700;
    font-size: 14px;
    color: #223354;
    width: 100%;
  }
  .accordian_txt {
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 17px !important;
    font-family: open sans !important;
  }
  .price_slider input {
    width: 109px !important;
    border-radius: 6px;
    height: 16px;
  }
  .centertxt {
    padding: 16px;
  }
  .price_slider {
    display: flex;
    justify-content: space-between;
  }
  .main_accordian {
    box-shadow: 0 3px 9px 0 rgb(0 0 0 / 10%);
    border-radius: 6px;
    margin-bottom: 25px;
  }
  .scroll_div {
    height: 400px;
    overflow-y: scroll;
    white-space: nowrap;
  }
  .detail_list {
    padding: 0;
  }
  
  /**Search bar **/
  .searchbar {
    background: #ffffff;
    border: 1px solid #cccedd;
    border-radius: 6px;
    padding: 6px 9px 6px 8px;
    display: flex;
    margin: 10px 0 6px;
    justify-content: space-between;
  }
  .searcharea input {
    padding: 6px 0px 0 30px !important;
    color: #223354;
    width: 100% !important; text-transform: capitalize;
    min-width: 470px;
  }
  div .brand_check span {
    font-size: 14px !important;
    border-radius: 2px;
    color: #231f20;
    font-family: open sans;
  }
  /**Search bar **/
  
  
  
  
  /**============================================= product list page style ==========================================**/
  .product_list_left {
    background: #fff;
    padding: 20px;
  }
  .product_list_right {
    background: #fff;
    border-radius: 6px;
    padding: 30px;
    margin-top: 10px;
    border: 1px solid #D8D8D8;
  }
  .p_listhead {
    font-size: 24px;font-weight: 600; display:flex; margin-bottom: 14px
  }
  .p_listhead span {
    color: #9d9d9d;
    font-size: 15px;
    font-weight: 600;
  }
  .product_col {
    background: #fff;
    box-shadow: 0 3px 9px 0 rgb(0 0 0 / 10%); 
    border-radius: 6px;
    padding-bottom: 15px;
    height: 100%;
    margin: 0 0 0 1px;
    border:1px solid #e1e1e1;
  }
  .product_col_big {
    background-color: #f7f7f7;
    background: rgb(0 0 0 / 10%);
    box-shadow: 0px 9px 16px rgba(159, 162, 191, 0.18),
      0px 2px 2px rgba(159, 162, 191, 0.32);
    border-radius: 6px;
    height: 100%;
  }
  .product_col_inn {
    border-bottom: 1px solid #ececec;
    justify-content: space-between;
    padding: 15px;
    min-height: 61px;
    align-items: center;
  }
  div .pink_btn {
    background: #ffe8ec;
    border-radius: 3px;
    color: #ff1a43;
    font-weight: 700;
    font-size: 13px;
    width: 124px;
    height: 29px;
    text-transform: capitalize;
    padding: 0;
    box-shadow: none;
  }
  div .pink_btn:hover {background: #ffe8ec;text-decoration: underline;}
  .product_col_inn h5 {font-weight: 400;font-size: 14px;}
  .product_col_inn h5 p {
    color: #231f20;
    font-weight: 400;
    font-size: 12px;
    font-family: "Open sans";
  }
  .productname_col {
    display: flex;
    padding: 12px;
    justify-content: space-between;
    row-gap: 20px;
  }
  .productname_col p {color: #231f20;font-size: 12px; margin-top: 2px;}
  .label_left h4 {font-weight: 600;font-size: 18px;margin:4px 0 4px}
  .label_right {
    text-align: right;
  }
  .product_list_img {
    width: auto;
    position: relative;
    margin: 0 10px 0;
    border:1px solid #e1e1e1;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
    overflow: hidden;
  }



  .product_list_img img {
    height: 200px;
    object-fit: contain;
    width: 100%; border:none !important
  }
  div .location_txt {
    color: rgba(35, 31, 32, 0.6);
    font-size: 15px;text-transform: capitalize;
  }
  .model_column {
    border-top: 1px solid #d9d9d9;
    padding: 7px 0 0;
    justify-content: flex-start;
    align-items: center;
  }
  
  .model_column label {border-right: 1px solid #d9d9d9;}
  .model_column label:last-child {border: none;}
  .product_col_inn b {font-weight: 600; padding: 0 0 0 4px;}
  .productprice {font-size: 14px;}
  .productprice span {font-size: 22px;color: #d7282f;}
  button.buy_btn {
    background: #d7282f;
    opacity: 0.85;
    border-radius: 6px;
    text-transform: capitalize;
  }
  button.buy_btn:hover {
    opacity: 1;
    background: #d7282f;
  }
  .searchtop {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  /** product list right section **/
  
  /***** Product list view *****/
  .list_layout {margin: 3rem 0;}
  .row_view { padding: 0;}
  .row_view .product_col {box-shadow: none;padding: 0 20px 0 0;}
  .row_view .model_column {border: none;}
  div .add_border {
    border-bottom: 1px solid #ececec;
    margin: 0;
  }
  .add_border p {
    font-size: 14px;
    line-height: 23px;
    margin: 0;
    color: #5c5c5c; min-height: 70px;
  }
  .row_view .productname_col {
    padding: 15px 0 10px 15px;
  }
  .row_view .model_column label {
    border: none;
  }
  .row_view .product_col_inn {
    padding: 0px 15px 15px;
    min-height: auto;
  }
  .row_view_img {
    position: relative;
    border: none;
  }
  
  div .wishlist_btn{position: absolute;right:0;width: 37px;height: 35px;top: 0;background:none;color: #BDBDBD;font-size: 12px;padding: 12px 24px;
  border: none;cursor: pointer;text-align: center;border-radius: 40px;text-transform: capitalize;padding: 0 2px;z-index: 1;min-width: 0;box-shadow: none !important;}
  div .wishlist_btn:hover {background:none;}
  .location_icon {position: relative; left: -3px;top: 4px;color: #d7282f;font-size: 18px !important;}
  .row_view .product_list_img img {height: 320px;object-fit: cover; width: 100%;}
  .sort_area {
    font-size: 15px;
    padding: 5px 0 0 0;
    margin-top: 20px;
    position: absolute;
    top: 22px;
    right:20px;
  }
  .sort_area span svg {
    margin: 0px 13px -7px 0px;
  }
  .sort_icon_status {
    color: #d7282f;
  }
  .txt_color {
    color: #2e7d32;
    font-size: 14px;
    text-transform: capitalize;
    padding: 8px 0;
    font-weight: 600;
  }
  .txt_color:hover {text-decoration: underline;}
  .row_view .model_column {justify-content:space-between;display: flex;gap: 20px}
  .filter_menu {display: none;}
  .list_row {margin-bottom: 20px;}
  .rowlist_view {background: #fff;box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;margin:0 4px 3rem; border-radius: 0 6px 6px 0; position:relative}

  div .get_quote {height: 35px;background: #fff;color: #515151;font-size:14px;border-radius: 4px;border:1px solid #D2D2D2;padding: 12px 24px;
  box-shadow: none; text-transform:capitalize; font-weight: 600;}
  div .get_quote:hover {background: #d7282f; color:#fff; box-shadow: none;}
  
  .row_view_img {max-height: 100%; height: 100%; object-fit: cover;overflow: hidden;}
  .row_view_img img {max-height: 100%;height: 100%;}
  .categ_img {width: 25px;height: 25px;}
  .popupHeading {color: #222;font-size: 15px !important;font-weight: 600 !important;padding-right: 50px !important;}
  .popupcross {right: 20px;position: absolute;}
  .nameEmail {width: 100%;}
  .priceForm {margin-top: 15px;}
  .priceForm input {height: 30px;}
  .successMessage {margin: 0 auto;width: 80%;padding: 0 0 2rem;}
  .successMessage svg {margin: 14px 9px -13px 0;font-size: 40px;}
  .successMessage p {padding: 0 0 10px;font-size: 15px;}
  .gridBox {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;width: "28%!important";}
  .gridspecialBox {grid-column: span 2;grid-row: span 2;}
  div .slideback{ font-size: 16px;}
  
  
  /***** Product Listing page styling *****/
  .filter_head{ font-size: 14px !important;}
  div .product_count{ font-size: 14px;margin: 6px 3px 0 9px;}
  .wislistouter {border-right:1px solid #D8D8D8;padding: 0 5px 0 3px;margin: 0 6px 0 0px;}
  div .wislist_img {font-size: 16px !important;position: relative;top: 0px;vertical-align: middle; color:#BDBDBD; cursor: pointer;}
  div .wislist_imgActive {font-size: 16px !important;position: relative;top: 0px;vertical-align: middle; color:#D7282F; cursor: pointer;}
  /* .condition_value{}
  .product_bg{ } */
  div .redoutline_btn{border: 1px solid #FFC2C2;border-radius: 4px !important; background:#fff !important;min-width: 160px;}
  div .redoutline_btn:hover{background:#d7282f !important; color:#fff}
  div .redoutline_btn span{ color:#FF4A52 !important; font-size: 15px !important;}
  div .redoutline_btn:hover span{ color:#fff !important;}
  div .blackoutline_btn{border: 1px solid #D2D2D2;border-radius: 4px !important; background:#fff !important;color:#515151 !important;      min-width: 147px;}
  div .blackoutline_btn:hover{background:#d7282f !important;  color:#fff !important;}
  div .blackoutline_btn span{ color:#515151 !important; font-size: 15px !important;}
  div .blackoutline_btn span:hover{ color:#fff !important;}
  div .blackoutline_btn:hover span{ color:#fff !important;}
  
  
  .divider{  padding-left: 0 !important;margin: 0 15px;padding-right: 0 !important;padding-top: 14px !important; height: 48px;}
  .location_box{ width:100%; display: flex;align-items:center}
   
  .config_products {overflow: hidden;position: absolute;right: -2px;top: 10px; 
     background: url("/assets/ribon.svg") no-repeat center; 
    color: #fff;
    border-radius: 6px;
    z-index: 10;
    font-size: 11px;
    width: 100px;
    height: 45px;
    display: flex;
    align-items: center; background-size: 100%; padding: 0 8px 0 20px;}
    .config_products span{margin: 0; font-weight: 600; text-transform: capitalize; position: relative; top:-3px;}
  
  /***** Big Post style *****/
  .bigcondition_value{position: relative;bottom:20px; display: inline-block; left: 20px;}
  .big_post_id{color: rgba(35, 31, 32, 1);font-size: 12px;font-family: Open sans;font-weight: 600;}
  div .number{color: rgba(35, 31, 32, 1);font-size: 12px;}
  div .product_name{ color: #231f20; font-weight: 500; margin: 0 0 12px; font-size: 18px;}
  div .big_post_btn{padding: 3px 10px !important;border: 1px solid #FFC2C2;border-radius: 4px;background: #fff;color: #FF4A52;
  font-size: 15px;text-transform: capitalize;min-width: 150px;letter-spacing: normal;right: 0;box-shadow: none;}
  div .big_post_btn:hover{background:#d7282f; color:#fff; box-shadow: none;}
  
  /***** 27 April 23 *****/
  div .product_list_right{padding-bottom: 4rem;}
  .searcharea{ width:80% !important; }
  .reset{ font-weight: 600 !important;}
  .sliderbigimg{ width:100%; min-width: 100%;}
  .bigcondition_valuebig{ display: flex;justify-content: space-between; width: 95%;} 
  .stackarrow{  width:96%;direction:row; top:49%;justify-content:space-between;position:absolute; z-index:2; margin: 0 2%;}
  .formattxt{ text-transform: capitalize; font-weight: 600 !important;}
  .productid{ font-size: 14px !important;}
  .specificationbox{ display:flex; justify-content: space-between;}
  .buttonbox{  display:flex; justify-content: flex-end;gap: 16px;}
  div .pink_btn {border: 1px solid #FFC2C2;border-radius: 4px !important;background: #fff !important;min-width: 160px; height: 35px;font-size: 14px; font-weight:600}
  div .pink_btn:hover{ background: #d7282f !important;color: #fff;box-shadow: none; border: 1px solid #d7282f; text-decoration: none;}
  .productcategory{ font-size: 14px !important; color: #d7282f;
    font-weight: 600;}
  div .pretitle{ color: #d7282f;font-size: 14px;font-weight: 600;margin: 0; }
  .pricetype{ text-transform: capitalize;cursor: pointer;padding: 1px 8px; border-radius: 4px; background: #FFC2C2;color: #d7282f !important;font-size: 12px; font-weight: 500 !important;}
  div .productlistdata{ padding:24px 12px 0 12px !important; }
  .productname{     margin: 0;font-size: 18px;font-weight: 600;padding: 10px 0 0 4px;color: #231F20;}
  .brandbox{ position: absolute !important; z-index: 100; display: flex;justify-content: space-between;width: 97%; bottom: 20px;}
  .brandboxbg{color: #3E3E3E; padding: 2px 8px;font-size: 13px;background: rgb(228 228 228 / 80%);border-radius: 4px;}
  .brandboxbg .location_txt{ font-size: 12px; color: #3E3E3E;font-weight: 600; cursor:pointer}
  .listviewright{ padding:0}
  
  /***** List view css *****/
  .listproduct_col{ border:none}
  .uploadicon{ font-size: 16px !important;}
  .favicon{ margin:2px 0 0 -11px;}
  
  /********** Styling for 5 grid system **********/
  div .blackoutline_btn span {font-size: 12px !important;}
  div .redoutline_btn span {font-size: 12px !important;}
  div .blackoutline_btn  {min-width:auto}
  div .redoutline_btn {min-width:auto}
  .product_postimage {height: 350px !important;flex-grow: 0.5;}
  .postimage{ flex-grow: 0.2; border:1px solid red}
  
  .sliderbigimg {height: 300px;object-fit: contain;}
  
  /********** 26 May 2023 css **********/
div .redoutline_btn span{ font-size: 11px !important;}
div .blackoutline_btn span{font-size: 11px !important;}
.conditiondata{ margin:0 !important}
.stacklocation{padding: 0 !important;justify-content: space-around !important;display: flex !important;gap: 10px}
.stackproductname{  padding:0 !important}
.infocol{padding:18px 6px 10px !important}
.boxquote{margin-left:6px !important}
.imgbigpost{ height:250px}
.divider{border-top: 1px dashed #d2d2d2 !important;
    padding-left: 0 !important;
    margin: 0 10px;
    padding-right: 0 !important;
    padding-top: 14px !important;
    height: 48px;
    width: calc(100% - 20px);
    margin: 0 10px;}
  
  /***** Produce detail page *****/
  
  @media screen and (max-width: 1800px) {
  .row_view .product_list_img img {height: 345px;}
  .sliderbigimg{ width:90%;}
  div .pink_btn{min-width: 100px;  font-size: 13px; padding:0}
  div .get_quote{min-width: 100px;  font-size: 13px; padding:0}
  .add_border p {font-size: 13px;line-height: 20px;}
  .buttonbox { gap: 15px;}
  .searcharea input {min-width: 350px;}
    div .redoutline_btn span{ font-size: 13px !important;}
    div .blackoutline_btn span{font-size: 13px !important;}
    .divider { margin: 0 8px;}
  
    /********** Styling for 5 grid system **********/

  div .product_name {font-size: 16px;}
  div .big_post_btn {font-size: 13px;min-width: 128px;}
  }
  
  
  /***** Media queries start here *****/
  @media screen and (max-width: 1500px) {
    .p_listhead {
      font-size: 24px;
    }
    .label_left h4 {
      font-size: 14px;
    }
    div .pink_btn {
      font-size: 12px;
    }
    .location_column {
      padding: 0 12px 10px;
    }
    div .location_txt {
      font-size: 12px;
    }
    .product_list_left {
      padding: 18px;
    }
    .productprice span {
      font-size: 16px;
    }
    .model_column label {
      padding: 0 9px 0;
    }
    .model_column p {
      margin: 0;
    }
    .product_list_img img {
      height: 180px;
    }
    .product_col_inn {
      height: 61px;
    }
    .product_list_left h3 {
      font-size: 18px;
    }
    .accordian_txt {
      font-size: 15px !important;
    }
    button.darkbutton {
      font-size: 13px;
    }
  .row_view .product_list_img img {height: 300px;object-fit: cover;width: 100%;}
  
  /***** Product List View css 03 May 23 *****/
  div .get_quote{padding: 12px 14px;}
  /*********  02 june 2023 ******/
    .product_list_img {
      width: auto;
    }
  }
  
  @media only screen and (max-width: 1750px) and (min-width: 1536px)  {
     div .grid_left{ max-width:20%}
     div .grid_right{ max-width:80%}
    .config_products {font-size: 11px; background-size: 96%;padding: 1px 8px 0 20px;background-position: right;}
    }
          
  @media screen and (max-width: 1300px) {
    div .redoutline_btn{ min-width: auto;}
    div .blackoutline_btn{ min-width: auto;}
   .divider {margin: 0 7px;}
   .productprice span {font-size: 16px;}
  .p_listhead {font-size: 18px;}
  .productprice span {font-size: 13px;}
  .product_col_inn {height: 50px;min-height: auto;padding: 12px;}
  div .list_txt span {font-size: 12px !important;}
  
  /**** May 03 23 responsive css ****/
  .searchbar_outer{ width:70%}
  .searcharea input {min-width: 100%;}
  .searcharea{  white-space: nowrap; overflow: hidden;text-overflow: ellipsis;  width:200px !important}
  div .get_quote{padding: 12px 15px;font-size: 10px;}
  .row_view .product_col_inn {padding: 0px 15px 10px;height: auto;}
  .row_view .productname_col { padding: 4px 0 10px 15px;}
  .add_border p {font-size: 12px;line-height: normal;}
  .model_column label {padding: 0;}
  .label_left h4 {margin: 4px 0 0;}
  div .wishlist_btn { font-size: 10px;}
  }
  
  
  @media screen and (max-width: 1024px) {
  
  }
  
  
  
  @media screen and (max-width: 899px) {
  div .grid_left {display: none;}
  .sort_area span svg {margin: 0px 2px -8px 0px;}
  .filter_menu { display: block; margin: 0 10px;}
  .filter_menu button {background: #ffffff;border: 1px solid #d7d7d7;border-radius: 30px;color: #231f20;box-shadow: none;}
  .row_view .product_col {padding: 0 20px 0;}
  .showfilter{position: absolute; z-index: 1; 
    top: 3rem;}
  }
  
  @media screen and (max-width: 768px) {
  .row_view .product_list_img img {object-fit: contain;}
  .product_list_img img {object-fit: contain;}
  div .big_post_btn {min-width: 100px;right: 0;font-size: 12px;padding: 3px 0 !important;}
  .bigcondition_valuebig {left: 10px;}

  
  }
  
  @media screen and (max-width: 600px) {
  .sort_area {margin: 50px 0 0 0 !important;position: absolute;top: 45px;right: 18px;}
  .filter_menu button {margin: 70px 0 10px 10px;}
  .sort_area span svg {margin: 0px 8px -8px 0px;}
  .row_view .product_col { padding: 20px 0 10px;}
  .searchbar_outer {background: #fff;border: 1px solid #f2f2f2;box-shadow: 0px 9px 16px rgba(159, 162, 191, 0.18),0px 2px 2px rgba(159, 162, 191, 0.32);
  border-radius: 6px;position: absolute;top: 8px;margin: 0 auto 8px;left: 0;right: 0;width: 95%; padding: 0 9px;}
  .product_list_right {padding: 10px;}
  .searchtop {margin: 1rem 0 0rem;}
  .searchtop .searchbar {margin: 7px 0 6px;}
  .model_column {display: flex;flex-wrap: wrap;}
  .model_column label:nth-child(2n) { flex-break: after;}
  .product_list_right {padding: 0 !important;}
  
  /***** 3May 2023 css *****/
  .searcharea{width: 140px !important;}
  .searchtop .searchbar {border-radius: 50px;}
  div .brand_serach{border-radius: 50px;}
  .product_col { margin: 0 10px;}
  .bigpostouter{ margin:0 10px}
  .rowlist_view {margin: 0 10px 3rem;}
  .p_listhead{font-size: 16px; display: block;}
  div .product_count {margin: 2px 3px 0 0;}
  
  }
  
  /* myProduct */
  .productslider{position: relative; padding: 0;}
  .arrowposition {position: absolute;right: 0;z-index: 1;top:-12px}