@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200;300&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600&display=swap');



@font-face {
    font-family: 'dosisbold';
    src: url('dosis-bold-webfont.woff2') format('woff2'),
         url('dosis-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'dosisextrabold';
    src: url('dosis-extrabold-webfont.woff2') format('woff2'),
         url('dosis-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'dosisextralight';
    src: url('dosis-extralight-webfont.woff2') format('woff2'),
         url('dosis-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'dosislight';
    src: url('dosis-light-webfont.woff2') format('woff2'),
         url('dosis-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'dosismedium';
    src: url('dosis-medium-webfont.woff2') format('woff2'),
         url('dosis-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'dosisregular';
    src: url('dosis-regular-webfont.woff2') format('woff2'),
         url('dosis-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'dosissemibold';
    src: url('dosis-semibold-webfont.woff2') format('woff2'),
         url('dosis-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




body {
    margin: 0;
    padding: 0;
    /* font-family: 'Dosis', sans-serif; */
    font-size: 1.4rem;
}


.page-wrapper .header .content{ display: none;}
.header.content {
    padding: 30px 20px 0;
    display: none;
}
.nav_shadow .navbar{ width: 100%;}

.navbar-brand{width:10%;}

.navbar-brand img{ width:100%;}

.nav_shadow{ box-shadow: 0px 2px 3px #f1f1f1;}

.navbar-light .dropdown-menu{ font-size: 14px;}
.navbar-light .dropdown-menu a{ color: #000000;}

.navbar-light .dropdown-menu a:hover{ 
    background-color: #40eeef;
    font-size: 14px;
}
.inbox-bx td:last-child a {
    background: #3ce2e2;
    padding: 10px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    text-align: center;
}
.inbox-bx td:last-child a:hover{
    text-decoration: none;
    background: #f95a5f;
} center;
}
.inbox-bx td:last-child a#deleted:hover{
    background: #ffd6d8;
}
.navbar-toggler-icon {
    display: none !important;
    width: 2.5em;
    height: 2.5em;
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color:rgb(46 214 214);
    
}

.fieldset > .field, .fieldset > .fields > .field {
    margin: 0 0 20px;
    font-size: 14px;
}
.field .email .required span{     font-size: 16px;}

.navbar .navbar-nav{ padding-top: 0rem;}

.logo_image{ width: 100%; height:auto;}

.navbar-light .navbar-nav .nav-link{
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.02em;
    color:#000;
}

 .right_border{ border-right: 1px solid #e5e5e5; padding-right: 1.2rem !important;}


.buy_button{
    background-color: #31e2e2;
     padding: 0 12px;
}
.buy_button a{color: #ffffff !important; }

.sell_button{background-color: #ff5a5f;     padding: 0 12px;}
.sell_button a{color: #ffffff !important;}

.space_right{
    margin-right: 1em;
    margin-left: 1em;
}

.input-group-append{
height: 32px !important;
}


 .space{ padding-left: 1rem; margin-bottom: 0px;}

 .topBanner {
    background: #f5f5f5;
    padding: 4rem 0 1rem 0;

}

.topBanner img {
    height: 250px;
    padding-left: 18px;
}

button:hover {
    background: #40eeef;
    border: 1px solid #cccccc;
    color: #333333;
}

 .banner_left{     margin-left: 4rem; padding-top: 0; }
 .banner_left h1{ color: #000000;      font-size: 2.7rem;  /* font-family: 'Dosis', sans-serif; */}
 .banner_left h2{ color: #28dada;  font-size: 1.8rem;}
 .banner_left h2 span{ color: #000;  font-size: 1.8rem; padding-left:10px;}
 .banner_left h3{ color: #000000;  font-size: 2rem; font-weight: 400;}
 .banner_left h4{ 
     color: #000000;
    font-size: 1.8rem;
    padding: 0 0;
    font-weight: 400;
    font-style: italic;}

 .banner_right {  margin-left: 0rem;   padding-top: 3em;} 
.banner_right h1{ color: #000000;  font-size: 3rem;  font-family: 'dosisbold';}
 .banner_right h2{ color: #28dada;  font-size: 1.5rem;}
 .banner_right h3{ color: #000000;  font-size: 2rem; font-weight: 400;}
 .banner_right h4{ color: #000000;  font-size: 1.5rem; font-weight:400; font-style: italic;}



 .banner_right a{ margin-top: 2rem; }

 .button_shopnow {
    background-color: #3befef;
    border: none;
    color: #065a5a;
    padding: 8px 31px;
    border: 1px solid #48c2c2;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 20px 0 0 2px;
    cursor: pointer;
    font-weight: 600;
    text-transform: uppercase;
}
.newsletter label{
    margin-bottom:0 !important;
}

.table_inner_1{ font-size: 14px;}

.top_product{ padding: 0 2.5rem 2.5rem 2.5rem;max-height: 100vh;}

.footer_detail h2{ font-size: 3rem;  }
.footer_detail h4{ font-size: 1.6rem;     font-weight: 600;  }
.footer_detail p {
    font-size: 1.6rem;
    font-weight: 400;
}
.page-footer {
    padding-bottom: 0px !important;
}

.subscribe{display: flex;}

.news_heading{width: 100%;display: flex;}

.news_button{
    background-color: #30dede;
    color: #fff;
    padding: 0px 18px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    border: 0;
}
.news_button:hover{
    background-color: #30dede;
    color: #000;
    padding: 0px 18px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    border: 0;
}
.email_button{padding: 10px; height: 35px;width: 300px !important; }
.news_letter {    
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
}

.social_media {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 2.2rem;
}
.social_media a {     
    padding-right: 8px;
}

.w-90{
    width:80%;
}

.footer_down{ background-color: #3bdedd;}
.footer_down p{ text-align: center; padding: 1.2em; margin: 0;}



/*  login page start */
/* .bg_login{  
    width: 100%; 
    height: 100vh; 
    margin-top: 4em;  
    background-size: 100% 100%;
} */
.login{ margin-top: 1px; }
/* .login-form{align-items: center; min-height: 100vh;} */
.login-form h1 {
    text-align: center;
    font-size: 2.8rem;
    font-weight: 600;
    margin-bottom: 0px;
    text-transform: uppercase;
}
.login-box-shadow {
    box-shadow: 1px 1px 10px rgb(64,239, 239 ,0.57);
    padding: 20px;
}
.fogot_pass{ float: right;  color: #474747;}
.fogot_pass a{ float: right;  color: #474747; text-decoration: none !important;} 
.login .form-group {padding-top: 3em;}

.login .form-control:focus{box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%); border-bottom: 1px solid #3befef;}

.forgot .form-group {padding-top: 0em;}


.forgot-form .fieldset > .field > .label, .fieldset > .fields > .field > .label {
    font-weight: 600;
    font-size: 16px;
}


.forgot .form-control {
    background-color: #ececec00;
    border-top: #5f9ea000;
    border-left: #5f9ea000;
    border-right: #5f9ea000;
    padding: .375rem .10rem;
    border-bottom: 1px solid #ababab;
    border-radius: 0px;
}

.forgot-form {
    align-items: center;
    min-height: 100vh;
}


.forgot-form button {
    width: 100%;
    background-color: #3befef;
    border: 1px #00cece solid;
    font-size: 1.8rem;
    margin-top: 0em;
    padding: 8px;
    color: #474747;
    font-weight: 600;
    border-radius: 1px;
}

.forgot-form button:hover {
    width: 100%;
    background-color: #3befef;
    border: 1px #00cece solid;
    font-size: 1.8rem;
    margin-top: 0em;
    padding: 8px;
    color: #474747;
    font-weight: 600;
    border-radius: 1px;
}

.forgot .form-control:focus{box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%); border-bottom: 1px solid #3befef;}


.login-form button {
    width: 100%;
    background-color: #3befef;
    border: 1px #00cece solid;
    font-size: 2rem;
    text-transform: uppercase;
    margin-top: 0em;
    color: #474747;
    font-weight: 600;
    border-radius: 1px;
}


.login-form button:hover {
    width: 100%; background-color: #24d4d4;
    border: 1px #0dbdbd solid;  color: #474747;
}
.login .form-check{ padding-top: 1rem;}
  
.login .form-check  .form-check-input:checked{
    background-color: #3befef;
    border-color: #23cece;
}
.login .form-control {background-color: #ececec00; border-top: #5f9ea000; border-left: #5f9ea000; border-right: #5f9ea000; padding: .375rem .10rem;    border-bottom: 1px solid #ababab; border-radius: 0px;}

.login p {
    text-align: center;
    padding-top: 1.5rem;
    margin-bottom: 0.4rem;
    font-size: 1.5rem;
}
.login p a{   color: #474747;  text-decoration: none;}  

.login h5{ text-align: center; }

.login h5 a {
    text-decoration: underline;
    color: #474747;
    font-size: 1.2em;
}
.login h5 a:hover {
    text-decoration: underline;
    color: #24d4d4;
    font-size: 1.2em;
}

.login .form-control::placeholder {
    border-bottom: none !important;
    font-size: 14px !important;
}
.sign .form-control::placeholder { border-bottom: none !important;
    font-size: 14px !important;  }



.login .form-control::placeholder {color: #474747; font-size: 0.8rem;  font-weight: 500;}

.full-width{width: 100%; background-color: #f1f1f1;}

.login-form .btn-primary:focus  {
    color: #474747;
    background-color: #3befef;
    border-color: #16bbbb;
    box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 0%);
}

/*  login page end */


/* product detail  start*/


.product_blue_detail { width: 100%;}

.product_summary {
    background: #ffffff;
    padding: 4rem 0 1rem 0;
}
.product_head { margin: 0;     padding: 0px 0px 0px 0px;}

.product_head h1::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    height: 1em;
    width: 50%;
    border-bottom: 3px solid #3befef;
    margin-bottom: -10px;
}

.product_head h2{ font-size: 2.1rem; color: #a6a6a6; padding-top: 1.4rem;}
.product_head h2 span{ font-size: 2.5rem; color: #000000; padding: 9px 11px;}

.product_head p {
    font-size: 1rem;
    width: 100%;
    color: #000000;
    font-weight: 500;
    position: relative;
    left: 3em;
    text-align: center;
    text-decoration: underline;
    padding-left: 0rem;
}
.product_head p a{ font-size: 1rem; color: #000000; text-align: center; text-decoration: underline;}

.product_head h3 {
    font-size: 1.8rem;
    color: #000000;
    font-weight: 600;
    margin-top: 1rem;
}
.product_head h3 span {
   color: #484848;     font-weight: 500; padding-left: 5px;
}

.product_head h4 {
    font-size: 1.8rem;
    color: #000000;
    font-weight: 600;
    padding-top:0.5rem ;
}
.product_head h4 span {
    color: #484848;     font-weight: 500; padding-left: 5px;
 }
 
.product_head h5 {
    font-size: 1.8rem;
    color: #000000;
    font-weight: 600;
    padding-top:0.5rem ;
}

.product_head h5 span {
    color:#484848;     font-weight: 500; padding-left: 5px;
 }
 

.product_head h6 {
    font-size: 1.8rem;
    color: #000000;
    font-weight: 600;
    margin-bottom: 1rem;
    padding-top: 0.5rem;
}

.product_head h6 span {
    color: #484848;
    font-weight: 500; padding-left: 5px; 
 }
 

.product_blue_button{
    display: flex;
    justify-content: space-between;
    padding: 0px 8px; 
    background-color: #31e8e8;
    border-radius: 6px;
 }

.product_price{ margin: 0;     width: 90px; border-right: 1px solid #00000017;     padding-left: 10px; padding-top: 8px;}
.product_price h4{ font-size: 1.5rem;  display: block; font-weight: 600;}



.product_price h4 span {
    font-size: 1.5rem;
    display: block;
    font-weight: 400;
    padding-bottom: -2.5em;
    padding-top: 8px;
}

.product_buy{ margin: 0;     width: 76px;}

.product_white_button a {
    color: #000000;
    text-decoration: none;
    display: block;
    padding: 6px 10px;
    font-size: 1.4rem;
}


.product_red_button{
    display: flex;
    justify-content: space-between;
    padding: 0px 8px; 
    background-color: #ff5a5f;
    border-radius: 6px;
 }

 .product_red_detail {
    width: 100%; margin-top: 1em;
}

.product_red_price{ margin: 0;     width: 90px; border-right: 1px solid #00000017;     padding-left: 10px; padding-top: 8px;}
.product_red_price h4{ font-size: 1.5rem;  display: block; font-weight: 600; color: #ffffff;} 
.product_red_price h4 span {
    font-size: 1.5rem;
    display: block;
    font-weight: 400;
    padding-bottom: -2.5em;
    padding-top: 8px;
}


.product_red_buy{ margin: 0; width: 76px;}
.product_red_buy h5{ font-size: 1.5rem;  display: block;     font-weight: 600;     padding-top: 8px;  color: #ffffff;    padding-left: 0.5em;}
.product_red_buy h5 span {
    font-size: 1.5rem;
    display: block;
    font-weight: 400;
    padding-top: 7px;
}

.product_paragraph p{     font-size: 1.6rem; color: #000000;         padding: 0px 0px 0px 28px;} 

.product_paragraph p {
    font-size: 1.4rem;
    color: #000000;
    padding-top: 0.6rem;
    text-align: justify;
}

.fotorama__stage {
    height: 372px !important;
    margin-top: 4rem !important;   
    border: 1px solid #cccccc !important; 
}

.fotorama__nav {
    margin-top: 4rem !important;   
    border: 1px solid #cccccc !important; 
}

.main-product-size {
    margin-left: 0.2rem;
}

.product_size {
    margin-left: -10px;
}

.product_size button {
    background-color: #ffffff;
    font-weight: 600;
    border: 0;
    text-decoration: underline;
    font-size: 1.6rem;
}

.product_size button:focus {
    outline: dotted 1px;
    outline: -webkit-focus-ring-color auto 0px;
}

.page-layout-1column .product.media {
    position: relative;
}


/* product detail  end*/

/* product Buy start*/

.product_buy_now{
    margin: 0;
    padding: 0;
}

.product_buy_now h1 {
    font-size: 2.2rem;
    display: inline;
    position: relative;
}

.place_biding_button {    padding-right: 8px;}
.place_biding_button a {
    color: #000000;
    text-decoration: none;
    font-weight: 500;
    background-color: #f7f7f7;
    padding: 10px 44px;
    font-size: 1.9rem;
    width: 100%;
    border: solid 1px #e6e6e6;
}
.place_biding_button .btn-check:focus+.btn, .btn:focus{
    outline: 0;
    box-shadow: 0 0 0 0.05rem rgb(62 62 64 / 25%);
}

.place_biding_button .active {
   
    background-color: #31e2e2;
}


.place_buy_button {
    padding-left: 10px;
}

.place_buy_button a {
    color: #000000;
    text-decoration: none;
    font-weight: 500;
    background-color: #f7f7f7;
    padding: 10px 40px;
    border: solid 1px #2ed6d6;
    font-size: 1.9rem;
    width: 100%;
}
.place_buy_button .active {
   
    background-color: #31e2e2;
}


.product_summ_size{ width: 97%; margin: 0; padding: 0px;}
.product_summ_size h2 {
    float: right;
    font-size: 1.2rem;
    text-decoration: underline;
    padding-top: 0.8rem;
}
.product_summ_size h2 a {
    color: #000000;
    text-decoration: underline;
    font-size:18px;
}
.place_buy_formes {
    padding-left: 30px;
    padding-top: 1rem;
    width: 100%; /**added by jai  **/
}
/*
.place_buy_formes label {
    font-size: 18px;
    font-weight: 700;
    padding-right: 12px;
    
}
*/
.buy-content-para {
    padding-left: 1rem;
    padding-top: 1.5rem;
}
.buy-content-para p{ 
    padding-left: 1rem;
    font-size: 1.6rem;
    margin-bottom: 2px;}

#tab{
    margin:2% auto;
    width:100%;
}

.sell-content-para {
    padding-left: 2.3rem;
    padding-top: 0.5rem;
}


.shipping_border{ padding-top: 1.2rem;  margin: 0px;  padding-left: 1.2rem;}
.shipping_border h2{  font-size: 16px; color: #000000; float: left; padding:  0;}
.shipping_border h3{  font-size: 16px; color: #000000; float: right; padding: 0;}
.shipping_border hr { margin-top: 6px;}
.shipping_button {
    display: flex;
    padding-right: 0;
    padding-top: 3rem;
    padding-bottom: 5rem;
    width: 100%;
    margin-top:10px;
}
.shipping_button h4 {
  
}
.shipping_button h4 a {
    background-color: #f7f7f7;
    border: 1px solid #c7c7c7;
    font-size: 18px;
    padding: 14px 30px;
    color: #343434;
    font-weight: 400;
    text-decoration: none;
    margin-left: 6px;
	font-weight: bold;
}

.shipping_button h5 {
    float: right;
}
.shipping_button h5 a {
    background-color: #31e8e8;
    font-size: 18px;
    padding: 14px 40px;
    color: #343434;
    font-weight: 400;
    text-decoration: none;
}

.buy-bid{ width: 100% !important;}

.buy_bid_section{
    float: right;;
}
/* product Buy end*/



    /* product pop up start */
    .bottom_popup  .modal-body{        padding: 0px 6px;}
  
    .bottom_popup-full{ width: 100%; text-align: center;}
  
    .bottom_popup a {
      padding: 6px 23px;
      text-align: center;
      border: 1px solid #31e8e8;
      color: #31e8e8;
      margin-bottom: 10px;
      text-align: center;
  }
  
  /* .view_pop{} */
  .view_pop a {
      font-size: 1.4rem;
      text-decoration: none;
      color: #000000;
  }
   /* product pop up end */
  
  /* product Payment page start */
   .payment-option {
      width: 100%;
      margin-top: 10em;
  }
  .payment-order {width: 100%;     padding-left: 30px;}
  
  .payment-order h1 {
    font-size: 2.2rem;
    padding-bottom: 1rem;
    left: -10px;
    position: relative;
}  

  .payment-order-bg{  background-color: #ffffff; border: 1px solid #dedede;    margin-top: 1.5rem;}
  
  .payment-order-bg span {
      font-size: 1.6rem;
      font-weight: 500;
      position: relative;
      top: 5px;
  }
  .payment-order-bg img{
    width: 30%;
  }


  .payment-order-bg h3 {
      color: #ff5a5f;
      font-size: 1.6rem;
      text-align: right;
      padding: 24px 9px 0px 0px;
  }
  
  .payment-option-radio {
      margin-top: 1.2rem;
      padding: 0;
  }
  .payment-form{ display: flex;     justify-content: space-between;     margin-top: 12px;}
  
  .payment-form .form-control {
      background-color: #ececec00;
      border-top: #5f9ea000;
      border-left: #5f9ea000;
      border-right: #5f9ea000;
      padding: .375rem .10rem;
      border-bottom: 1px solid #ababab;
      border-radius: 0px;
      font-size: 14px;
  }
  .payment-form .form-control:focus {
      box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
      border-bottom: 1px solid #3befef;
  }
  .payment-form_button {
      display: flex;
      padding-top: 2rem;
      padding-bottom: 2rem;
      width: 100%;
	  justify-content: space-between;
  }
  
  .payment-form_button h4 a {
    background-color: #f7f7f7;
    border: 1px solid #c7c7c7;
    font-size: 1.5rem;
    padding: 12px 30px;
    color: #343434;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
     
  }
  
  .payment-form .form {     padding-bottom: 10px;}
  
  .payment-form_button h5 {
      float: right;
     
  }
  
  .payment-form_button h5 a {
    background-color: #31e8e8;
    font-size: 1.5rem;
    padding: 12px 15px;
    color: #343434;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
  }
  
  
  /*
  .payment-form .form-group {
      padding-top: 0rem;
      padding-bottom: 1rem;
  }*/
  .payment-form .form-group {
    padding-top: 0rem;
    padding-bottom: 1rem;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    font-size: 14px;
    color: #4a4040;
    padding-left: 0;
    /* margin: 0; */
}
  
  
  
  
  
  .order-summary_pay{ margin: 0; padding-left: 2rem;}
  
  .order-summary_pay h2 {
    font-size: 2.2rem;
    padding-bottom: 1rem;
    position: relative;
    
}
.order-summary_pay h3 {
    font-size: 1.6rem;
    text-align: left;
    padding-bottom: 1rem;
    position: relative;
    padding-top: 1rem;
    font-weight: 600;
}
  
.order-summary_pay p {
    line-height: 16px;
    font-size: 1.7rem;
    line-height: 20px;
}
  
  
  
  .order-billing_pay{ margin: 0; padding-left: 2rem;}
  
  .order-billing_pay h2{
      font-size: 1.5rem;
      text-align: center;
      padding-bottom: 1rem;
      position: relative;
  
  }

  .order-billing_pay h3 {
    font-size: 1.6rem;
      text-align: left;
      padding-bottom: 1rem;
      position: relative;
      padding-top: 1rem;
      font-weight: 600;
  }
  
  .order-billing_pay p {
      line-height: 16px;
      font-size: 1.7rem;
  }




  /*main table bar start*/
  .msb {
    width: 200px;
    background-color: #343a40;
    position: fixed;
    left: 0;
    top: 0;
    right: auto;
    min-height: 100%;
    overflow-y: auto;
    white-space: nowrap;
    height: 100%;
    z-index: 1;
    border-right: 1px solid #ddd;
    overflow: hidden;
  }
  .dash_product_pic{
    width:150px;
    height:100px;
    text-align:left;
    
  }

  .msb .nb {
    padding-top: 5px;
    padding-left: 10px;
    margin-bottom: 30px;
    overflow: hidden;
  }
  
  .mcw{    margin-top: 4rem;}
  
  .inbox-sb{}
    
.cv{    margin-top: 100px;}


.cv h1 {
   
    font-size: 2.2rem;
    font-weight: 600;
    margin: 0px 0px 30px 0px;
	text-align: left;

}
  .dash_pic {
    display: flex;
    flex-direction: row;
    padding-bottom: 1rem;
  }
  
  .dash_pic img{
    width: 100%;
    height: 100%;
  }
  .dash_pic a{
    padding-left: 10px;
  }
  
  .inbox-bx i{     font-size: 12px;}
  
  .dash_pic h4 {
    color: #ffffff;
    padding-left: 0.5rem;
    font-weight: 100;
    font-size: 15px;
    padding: 1px 23px 0px 10px;
  }
  .dash_product_pic{ text-align: center;
    padding-top: 1rem !important;
    font-size:1.6rem;}
  
  .dash_table{text-decoration: underline;padding-right: 10px;}
  .dash_product_heading{ text-align: left; padding: 1rem  0!important; font-size:1.6rem;}
  .fa-compress {transform: rotate(140deg);} 
  
  .dash_product{
    text-align: center;
    /* padding-top: 3rem !important; */
    font-size: 1.6rem;
    padding: 1rem 0!important;
}

  
  
  .inbox .container-fluid h3 {
    padding-left: 1.2rem;
    font-size: 2rem;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 2rem;
  }
  .product-border-heading{
    border-bottom: 1px solid #cccccc;
    font-size: 1.8rem;
}



 
  
  .inbox .container-fluid {
    padding-left: 0;
    padding-right: 0;
    background-color: #ffffff;
  }

/*resposive table start*/
.table-respose{}




.dash_product_pic {
    text-align: center;
    padding-top: 1rem !important;
}

  table { 
    width: 100%; 
    border-collapse: collapse; 
  }
  /* Zebra striping */
  tr:nth-of-type(odd) { 
    background: #ffffff; 
  }
  th { 
    background: #f1f1f1; 
    color: #000000; 
    font-weight: bold;
    font-size: 14px;
  }
  td, th { 
    padding: 6px; 
    border: 1px solid #ccc; 
    text-align: left;
    font-size: 14px;
  }

/*resposive table end*/


  /*main table bar end*/
  
  /* product Payment page end */
  
  
  .profile-page{
      width:90%;
      margin: 0 auto;
  }
  
  .payment-details h1 { font-size: 2.2rem;      margin-bottom: 24px;      padding-bottom: 1rem;      left: 0px;   position: relative;}
  /*
  .payment-details h1::before {
      content: '';
      position: absolute;
     
      display: inline-block;
      height: 1.6em;
      width: 14%;
      border-bottom: 3px solid #3befef;
      margin-top: 5px;
  }*/
  
  .payment-details_b h1{
    font-size: 2.2rem;     padding-left: 0.6rem;  padding-bottom: 1rem;      left: -10px;   position: relative;
  }

  payment-details_b

  /*
  .payment-details_b h1::before {
      content: '';
      position: absolute;
    
      display: inline-block;
      height: 1.6em;
      width: 14%;
      border-bottom: 3px solid #3befef;
      margin-top: 5px;
  }
  */
  
  .payment-form .form-select {
      border-top: 0;
      border-left: 0;
      border-right: 0;
      border-radius: 0;
      border-bottom: 1px solid #ababab;
      padding-left: 1px;
      color: #524e4e;
      font-size: 1.5rem;
  }
  .payment-form .form-select:focus {
      border-color: #86b7fe;
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
  }

  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #5d5d5d;
    background-color: #40eeef;
    border-color: #2fdbdc;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #474747;
    background-color: #3befef;
    border-color: #08a7a7;
}
  
  
  
  .billing_address h1 {
    font-size: 1.8rem;
    padding-left: 0.8rem;
    padding-bottom: 0rem;
    left: -10px;
    padding-top: 1rem;
    position: relative;
    margin-bottom: 14px;
}
  
  .view_popup_background .modal-content{padding: 5px 15px;}
  .modal-title {
    margin-bottom: 0;
    line-height: 1.4;
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: 700;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .payment_add_account_btn{
      float:left;
      padding-left: 10px;
      margin-top: 1.2rem;
  }
  
  /*
  .payment_add_account_btn h5 a {
      background-color: #31e8e8;
      font-size: 1.2rem;
      padding: 14px 40px;
      color: #343434;
      font-weight: 400;
      text-decoration: none;
  }
  */
  
  .payment_add_account_btn button {
      background-color: #31e8e8;
      font-size: 1.6rem;
      padding: 10px 25px;
      color: #343434;
      font-weight: 400;
      text-decoration: none;
      border-radius: 0;
  }
  .payment_add_account_btn button {
      background-color: #31e8e8;
      border: 1px solid #22d8d8;
     
  }
  
  .payment_add_account_btn .btn-primary:hover {
      color: #343434;
      background-color: #31e8e8;
      border-color: #22d8d8;
  }
  .payment_add_account_btn .btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
      color: #343434;
      background-color: #31e8e8;
      border: 1px solid #22d8d8;
  }
  .payment_add_account_bt .btn-check:focus+.btn-primary, .btn-primary:focus {
      color: #343434;
      background-color: #31e8e8;
      border-color: #22d8d8;
      box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 0%);
  }


  .payment-details_c {
    margin-top: 4rem;
    font-size: 1.5rem;
    border: 1px solid #dee2e6;
}

  .payment-details_d{
    background-color: #f5f5f5;
    
  }


/*  sign page start */

/* .bg_sign{ width: 100%; height: 100vh;  background-size: 100% 100%;     margin-top: 7em;} */


.sign{ margin-top: 1px; }
.sign-form{align-items: center;}
.sign-form h1{ 
    text-align: center;
    font-size: 2.8rem;
    font-weight: 600;
    margin-bottom: 0;
    text-transform: uppercase;
}

.fogot_pass {
    float: right;
    font-size: 14px;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
    font-size: 14px;
}
.sign .form-group {padding-top: 3em;}

.sign .form-control:focus{box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%); border-bottom: 1px solid #3befef;}

.sign-form button {
    width: 100%;
    background-color: #3befef;
    border: 1px #00cece solid;
    font-size: 2rem;
    margin-top: 1.5em;
    color: #474747;
    font-weight: 600;
    border-radius: 1px;
    text-transform: uppercase;
}



.sign-form button:hover {
    width: 100%; background-color: #24d4d4;
    border: 1px #0dbdbd solid; color: #474747;
}

.sign .form-check {
    padding-top: 1rem;
    display: flex;
    /* padding: 0; */
    padding-left: 0px;
}
  
.sign .form-check  .form-check-input:checked{
    background-color: #3befef;
    border-color: #23cece;
}
.form-login input::placeholder {color: #474747; font-size: 0.8rem;  font-weight: 500;}
.sign .form-control::placeholder {color: #474747; font-size: 0.8rem;  font-weight: 500;}



.sign .form-control {background-color: #ececec00; border-top: #5f9ea000; border-left: #5f9ea000; border-right: #5f9ea000; padding: .375rem .10rem;    border-bottom: 1px solid #ababab; border-radius: 0px;}




.sign p{ text-align: center; padding-top: 1rem;     margin-bottom: 0.4rem;} 

.sign p a {
    color: #474747;
    text-decoration: underline;
    font-size: 1.6rem;
    text-align: center;
}

.sign .form-control::placeholder {color: #474747; font-size: 0.8rem;  font-weight: 500;}


.sign-form .btn-primary:focus  {
    color: #474747;
    background-color: #3befef;
    border-color: #16bbbb;
    box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 0%);
}

/*  sign  page start */

.modal{background-color: #00000066;}


/* product detail  start*/

.product_blue_detail { width: 100%;}

.product_summary {
    background: #ffffff;
    padding: 4rem 0 1rem 0;
	float: right;
	width: calc(60% - 20px);
}
.product_summary.buy_product_summary {
	float: none;
	width: 100%;
}
.product_head { margin: 0;     padding: 0px 0px 0px 0px;}
.product_head h1{ font-size: 2.2rem; position: relative;margin-bottom: 15px;text-transform: uppercase;}

.product_head h2{ font-size: 2.1rem; color: #a6a6a6; padding-top: 1.4rem;}
.product_head h2 span{ font-size: 2rem; color: #000000; padding: 9px 11px;}

.product_head p {
    font-size: 1rem;
    width: 100%;
    color: #000000;
    font-weight: 500;
    position: relative;
    left: 3em;
    text-align: center;
    text-decoration: underline;
    padding-left: 0rem;
}
.product_head p a{ font-size: 1rem; color: #000000; text-align: center; text-decoration: underline;}

.product_head h3 {
    font-size: 1.8rem;
    color: #000000;
    font-weight: 600;
    margin-top: 1rem;
}
.product_head h3 span {
   color: #484848;     font-weight: 500; padding-left: 5px;
}

.product_head h4 {
    font-size: 1.8rem;
    color: #000000;
    font-weight: 600;
    padding-top:0.5rem ;
}
.product_head h4 span {
    color: #484848;     font-weight: 500; padding-left: 5px;
 }
 
.product_head h5 {
    font-size: 1.8rem;
    color: #000000;
    font-weight: 600;
    padding-top:0.5rem ;
}

.product_head h5 span {
    color:#484848;     font-weight: 500; padding-left: 5px;
 }
 

.product_head h6 {
    font-size: 1.8rem;
    color: #000000;
    font-weight: 600;
    margin-bottom: 1rem;
    padding-top: 0.5rem;
}

.product_head h6 span {
    color: #484848;
    font-weight: 500; padding-left: 5px; 
 }
 

.product_blue_button{
    display: flex;
    justify-content: space-between;
    padding: 0px 8px; 
    background-color: #31e8e8;
    border-radius: 6px;
 }

.product_price{ margin: 0;     width: 90px; border-right: 1px solid #00000017;     padding-left: 0px; padding-top: 8px;}
.product_price h4{ font-size: 1.5rem;  display: block; font-weight: 600;}
.product_price h4 span {
    /* font-size: 1.5rem;
    display: block;
    font-weight: 400;
    padding-bottom: -2.5em;
    padding-top: 8px; */
}

.product_buy{ margin: 0;     width: 76px;}
.product_buy h5{ color: #000; font-size: 1.5rem; display: block;font-weight: 600;padding-top: 8px;padding-left: 0.5em;}
.product_buy h5 span {
    font-size: 1.5rem;
    display: block;
    font-weight: 400;
    padding-top: 7px;
}

.product_white_button {
    background-color: #ffffff;
    display: inline-table;
    width: 35%;
    margin: 12px 0 0;
    border-radius: 4px;
}

.product_white_button a {
    color: #000000;
    text-decoration: none;
    display: block;
    padding: 8px 4px;
    font-size: 1.3rem;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}


.product_red_button{
    display: flex;
    justify-content: space-between;
    padding: 0px 8px; 
    background-color: #ff5a5f;
    border-radius: 6px;
 }

 .product_red_detail {
    width: 100%; margin-top: 1em;
}

.product_red_price{ margin: 0;     width: 90px; border-right: 1px solid #00000017;     padding-left: 0px; padding-top: 8px;}
.product_red_price h4{ font-size: 1.5rem;  display: block; font-weight: 600; color: #000000;} 
.product_red_price h4 span {
    font-size: 1.5rem;
    display: block;
    font-weight: 400;
    padding-bottom: -2.5em;
    padding-top: 8px;
}


.product_red_buy{ margin: 0; width: 76px;}
.product_red_buy h5{ font-size: 1.5rem;  display: block;     font-weight: 600;     padding-top: 8px;  color: #000000;    padding-left: 0.5em;}
.product_red_buy h5 span {
    font-size: 1.5rem;
    display: block;
    font-weight: 400;
    padding-top: 7px;
}

.product_paragraph p{     font-size: 1.6rem; color: #000000;         padding: 0px 0px 0px 28px;} 

.product_paragraph p {
    font-size: 1.4rem;
    color: #000000;
    padding-top: 0.6rem;
    text-align: justify;
}

.fotorama__stage, .fotorama__nav {
    height: 400px;
    margin-top: 1rem !important;
    border: 1px solid #cccccc !important;
    width: 100% !important;
}
.main-product-size {
    margin-left: 0.2rem;
}

.product_size {
    margin-left: -10px;
}

.men_size {
    display: flex;
    flex-wrap: wrap;
}
.product_size button {
    background-color: #ffffff;
    font-weight: 600;
    border: 0;
    text-decoration: underline;
    font-size: 1.6rem;
}

.product_size button:focus {
    outline: dotted 1px;
    outline: -webkit-focus-ring-color auto 0px;
}


.men_size-border {
    border: 1px solid #a6a6a6 !important;
    width: 19%;
    padding: 8px 2px;
    cursor: pointer;
    margin-right: 1px;
    margin-bottom: 1px;
    font-size: 16px;
    font-weight: 600;
}

.page-layout-1column .product.media {
    position: relative;
    width: 40% !important;
}

/* product detail  end*/

/* product Buy start*/

.product_buy_now {
    margin: 0px 0 0 0;
    padding: 0;
}
.product_buy_now h1 {
    font-size: 2.2rem;
    display: inline;
    position: relative;
}
/*
.product_buy_now h1::before {
    content: '';
    position: absolute;
    height: 1em;
    width: 75%;
    border-bottom: 3px solid #3befef;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -10%);
}*/
.place_biding_button {    padding-right: 8px;}
.place_biding_button a {
    color: #000000;
    text-decoration: none;
    font-weight: 500;
    background-color: #f7f7f7;
    padding: 10px 44px;
    font-size: 1.9rem;
    width: 100%;
    border: solid 1px #e6e6e6;
}
.place_biding_button .btn-check:focus+.btn, .btn:focus{
    outline: 0;
    box-shadow: 0 0 0 0.05rem rgb(62 62 64 / 25%);
}

.place_biding_button .active {
   
    background-color: #31e2e2;
}


.place_buy_button {
    padding-left: 10px;
}

.place_buy_button a {
    color: #000000;
    text-decoration: none;
    font-weight: 500;
    background-color: #f7f7f7;
    padding: 10px 40px;
    border: solid 1px #cecece;
    font-size: 1.9rem;
    width: 100%;
}
.place_buy_button .active {
   
    background-color: #31e2e2;
}


.product_summ_size{ width: 97%; margin: 0; padding: 0px;}
.product_summ_size h2 {
    float: right;
    font-size: 1.2rem;
    text-decoration: underline;
    padding-top: 0.8rem;
}
.product_summ_size h2 a {
    color: #000000;
    text-decoration: underline;
    font-size:18px;
}
.place_buy_formes {
    
    padding-top: 1rem;
    width: 100%; /**added by jai **/
    padding-left: 20px;
}

.place_buy_formes label {
    font-size: 18px;
    font-weight: 700;
    padding-right: 12px;
    
}



.action_button .shipping_button h4 {
    margin-left: 17px;
}

.buy-content-para {
    padding-left: 1rem;
    padding-top: 1.5rem;
}
.buy-content-para p{ 
    padding-left: 1rem;
    font-size: 1.6rem;
    margin-bottom: 2px;}

#tab{
    margin:2% auto;
    width:100%;
}

.sell-content-para {
    padding-left: 2.3rem;
    padding-top: 0.5rem;
}

.sell-content-para p {
    padding-left: 1.5rem;
    font-weight: 400;
    color: #929292;
    font-size: 16px;
   
}

.shipping_border{ padding-top: 1.2rem;  margin: 0px;      padding-left: 0.4rem; }
.shipping_border h2{  font-size: 16px; color: #000000; float: left; padding:  0; }
.shipping_border h3{  font-size: 16px; color: #000000; float: right; padding: 0;}
.shipping_border hr { margin-top: 6px;}


/* product slider banner start */

.show{
    width: 100%;
    border: 1px solid #dddddd;
    text-align: center;
  }

  .place_buy_formes input{
    width: 78%;
  }
  #big-img{z-index: 100;}

  #show-img { 
  width: 400px; 
  height: 400px; 
  object-fit: contain;
  }
  .small-img{
    width: 350px;
    height: 70px;
    margin-top: 10px;
    position: relative;
    left: 45px;
  }
  .small-img .icon-left, .small-img .icon-right{
   /* width: 12px; */
    height: 24px;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
  }
  .small-img .icon-left{
    transform: rotate(180deg)
  }
  .small-img .icon-right{
    right: 0;
  }
  .small-img .icon-left:hover, .small-img .icon-right:hover{
    opacity: .5;
  }
  .small-container{
    width: 310px;
    height: 70px;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .small-container div{
    width: 800%;
    position: relative;
  }
  
  .small-container .show-small-img{
    width: 70px;
    height: 70px;
    margin-right: 6px;
    cursor: pointer;
    float: left;
    border: 1px solid #dddddd !important;
  }
  .small-container .show-small-img:last-of-type{
    margin-right: 0;
  }
  
  
  /* product slider banner end */



  .product_head{ padding: 0px 0px 0px 0px;}
  .product_paragraph p {
     
      padding: 0;
  }
  
   
  .product_head p{ font-size: 1rem; width: 100%; color: #000000; font-weight: 500; padding-top: 0.4rem; text-align: center; text-decoration: underline;}
  .product_head p a { font-size: 1.5rem;  color: #000000; font-weight: 500; padding-top: 0.4rem; text-align: center; text-decoration: underline;}
  


    /* product pop up start */
  .bottom_popup  .modal-body{        padding: 0px 6px;}
  
  .bottom_popup-full{ width: 100%; text-align: center;}

  .bottom_popup a {
    padding: 6px 23px;
    text-align: center;
    border: 1px solid #31e8e8;
    color: #31e8e8;
    margin-bottom: 10px;
    text-align: center;
}

.view_pop a {
    font-size: 1.4rem;
    text-decoration: none;
    color: #000000;
}
.activesize {
    background-color: #ddffff;
}
 /* product pop up end */


/*** buy and sell button css ***/
.page.messages {
    margin-top: 80px;
}
.sell-index-index .product_summary, .buy-index-index .product_summary {
    padding: 0 0 0 0 !important;
    margin: 0 0 0 0 !important;
}
.place-bid-button{
    background-color: #31e8e8;
    font-size: 18px;
    padding: 16px 40px;
    color: #343434;
    font-weight: 400;
    text-decoration: none;
    margin-top: -20px;
    border: none;
	    font-weight: bold;
		
}
/*** success page css ***/
.payment-confirmation {
    background-color: white;
    padding: 10px;
    border-radius: 10px;
}
.payicon {
    text-align: center;
    margin: 15px;
}
.payicon  h2{
    font-size: 26px;
    margin-top: 15px;
    font-weight: 600;
    color: #1c1c1c;
}
.payment-section {
    margin-top: 90px;
    margin-bottom: 60px;
    font-size: 1.6rem;
}

.payment-order-info ul {
    margin: 0px;
    padding: 0px;
}
.payment-order-info ul li {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.order-title{
    border-bottom: 1px solid #cacaca;
    margin-bottom: 13px;
}
.order-title h4 {
    font-size: 20px;
    font-weight: 600;
}
.order-title h4{
    position: relative;
}
.order-title h4:after {
    content: '';
    width: 100px;
    position: absolute;
    background-color: #31e2e2;
    height: 3px;
    bottom: -10px;
    left: 0;
}
.payment-order-info ul .order-item {
    width: 50%;
    text-align: right;
    margin-right: 10px;
    color: black;
    font-weight: 600;
}
.payment-order-info ul .order-info {
    width: 50%;
    text-align: left;
    margin-left: 10px;
    color: #6d6b6b;
    font-weight: 600;
}
.backhome-btn {
    background-color: #31e2e2;
    margin-right: 1em;
    padding: 12px 12px;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
}
.backhome-btn:hover {
    color: #ffffff;
}

/**** Timer product page ****/

.buy-bid .product-timer{
    text-align: center;
    padding: 10px;
}
.buy-bid .product-timer h3{

    font-size:35px;
}
.customer-account-create .messages, .customer-account-login .messages{
    margin-top: 100px;
}

.gallery-placeholder {
    width: 100%;
}
.anchor_diable {
    pointer-events: none;
    cursor: default;
  }
 .form-scroller{
     width: 100%;
     overflow-x: hidden;
     overflow-y: auto;
     height: 80vh;
 } 
 
 .footer.content {
    border-top: none;
    padding-bottom: 25px;
    padding-top: 35px;
}

.product_paragraph {
    margin-top: 20px;
padding-left: 20px;
}

.buyer_timer {
    min-width: 190px;
}
.buyer_timer h3 {
   border: none !important;
   font-size: 16px !important;
   padding-left: 0px !important;
}
.inbox-bx td:last-child a#deleted{
	background: none !important;
	padding-left: 0px;
}
.navbar-toggler{
	width: auto;
}

.customer-account-createpassword .password.reset {
	width: 33.33% !important;
    min-width: inherit !important;
	box-shadow: 1px 1px 10px rgb(64 239 239 / 57%);
    padding: 40px;
	
}

.customer-account-createpassword .input-text {
	border: none;
    border-bottom: 1px solid #ababab;	
}
.customer-account-createpassword .password-strength-meter {
	margin-top: 10px;
    background: #ffd9d9;
    color: red;
}
.customer-account-createpassword .fieldset {
	margin: 0 0 20px;
}
.customer-account-createpassword .primary {
	width: 100%;
	display: block;
}
.customer-account-createpassword .primary button {
	background: #3bdedd;
	color: #212529;
	width: 100% !important;
	border: 1px #00cece solid;
}
.customer-account-createpassword .primary button:hover {
	background-color: #24d4d4;
    border: 1px #0dbdbd solid;
	color: #212529;
}
.modal-popup._show .modal-inner-wrap{
	margin-top: 150px;
}
button.action-primary.action-accept{
	padding: 14px 20px;
}
.modal-inner-wrap .modal-content{
	border: none;
	margin: 0px;
}
.modal-inner-wrap .modal-footer button{
	width: 100%;
}
.modal-inner-wrap .modal-footer button.action-secondary.action-dismiss{
	/* background-color: #4CAF50; */
	background-color: #ff4040;
    color: white;
    padding: 14px 20px;
}
.modal-popup .action-close{
	display: none;
}
.highestbidder-tag{
	color: #dc3545;
}
.product_summary .product_white_button{
	height: 20px;
}


/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1400px) {
    .product_white_button a {
        color: #000000;
        text-decoration: none;
        display: block;
        padding: 8px 4px;
        font-size: 1.3rem;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
    }

    .product_red_price h4 span {
        font-size: 1.5rem;
        display: block;
        font-weight: 400;
        padding-bottom: -2.5em;
        padding-top: 8px;
    }
    .fotorama {
        overflow: visible;
    }
    .login .form-control::placeholder {
        border-bottom: none !important;
        font-size: 14px !important;
    }
    .sign .form-control::placeholder { border-bottom: none !important;
        font-size: 14px !important;  }
    
    


}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (max-width: 1024px){
   
    .login .form-control::placeholder {
        border-bottom: none !important;
        font-size: 14px !important;
    }
    .sign .form-control::placeholder { border-bottom: none !important;
        font-size: 14px !important;  }
    
    .product_head h1 {
        font-size: 2rem;
        position: relative;
        margin-bottom: 15px;
    }
    .product_head h2 {
        font-size: 1.5rem;
        color: #a6a6a6;
        padding-top: 1.4rem;
    }
    .product_head h2 span {
        color: #000000;
        padding: 9px 11px;
    }
    .product_head p a {
        font-size: 1.2rem;
        font-weight: 500;
        padding-top: 0.4rem;
        text-align: center;
        text-decoration: underline;
    }
    .product_head h3 {
        font-size: 1.4rem;
        font-weight: 600;
        margin-top: 1rem;
    }
    .product_head h4 {
        font-weight: 600;
        padding-top: 0.5rem;
    }
    .product_head h6 {
        margin-bottom: 1rem;
    }
    .product_blue_button {
        display: flex;
        justify-content: space-between;
        padding: 0px 8px;
        background-color: #31e8e8;
        border-radius: 6px;
        width: 212px;
    }
    .product_red_button {
        background-color: #ff5a5f;
    }
    .product_white_button {
        background-color: #ffffff;
        display: inline-table;
        margin: 14px 0 0;
        border-radius: 4px;
        width: 63px;
        font-weight: 200;
    }
    .product_red_price h4 span {
        display: block;
        padding-bottom: -2.5em;
        padding-top: 8px;
    }
.product_white_button a {
        text-decoration: none;
        padding: 6px 10px;
        font-size: 1.3rem;
}
    .fotorama {
        overflow: visible;

}

.navbar-brand img {
    width: 48%;
}

	/* 26 feb */
    .product_head h1 {
    text-align: left;
	}
	.product_white_button a {
		padding: 6px 2px;
	}

/* 26 feb */

}


/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {
    .tables_display_1{ display: flex; flex-wrap: wrap;}

    .login .form-control::placeholder {
        border-bottom: none !important;
        font-size: 14px !important;
    }
    .sign .form-control::placeholder { border-bottom: none !important;
        font-size: 14px !important;  }
    
    
    table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
    .order-summary_pay {
        margin: 0;
        padding-left: 0rem;
    }

    /* .bg_sign {
        width: 100%;
        height: 100vh;
        background-size: 100% 100%;
        margin-top: 4em;
    } */
    
    
    .product_buy_now {
        margin: 20px 0 0 0;
        padding: 0;
        text-align: center;
    }
	
.place_buy_button .active {
            background-color: #31e2e2;
        }
        #show-img {
            width: 400px;
            height: 250px;
        }
        .show {
            width: 100%;
            border: 1px solid #dddddd;
            text-align: center;
            margin-top: 4rem;
        }
 .page-layout-3columns .column.main{
            width:100% !important;}
        .page-layout-1column .product.media {
            width: 40% !important;
        }
        .product_head h2 {
            font-size: 2.1rem;
            color: #a6a6a6;
            padding-top: 2.5rem;
        }
        .product_size {
            padding-left: 0rem;
        }
        .place_buy_formes input{
            width:88%;
          }
.product_summary {
                background: #ffffff;
                padding: 1rem 0 1rem 0;
                margin-top: 1px;
                overflow: hidden;
            }
        
            .place_biding_button a {
                color: #000000;
                text-decoration: none;
                font-weight: 500;
                background-color: #f7f7f7;
                padding: 10px 30px;
                font-size: 1.9rem;
                width: 100%;
                border: solid 1px #e6e6e6;
            }
            .product_head {
                padding: 0px 0px 0px 6px;}
            .product_head p{ font-size: 1.5rem; width: 100%; color: #000000; font-weight: 500; padding-top: 0.4rem; text-align: center; text-decoration: underline;}
            .product_head p a { font-size: 1.5rem;  color: #000000; font-weight: 500; padding-top: 0.4rem; text-align: center; text-decoration: underline;}
            .catalog-product-view .product.media {
           
                margin-top: 5rem;
            }
            .fotorama {
                overflow: visible;
            }
            .place_buy_formes input{
                width:88%;
              }
    
            .product_head h2 {
                font-size: 2.1rem;
                color: #a6a6a6;
                padding-top: 2.5rem;
            }
            .product_size {
                padding-left: 0rem;
            }
             
              .place_biding_button a {
                color: #000000;
                text-decoration: none;
                font-weight: 500;
                background-color: #f7f7f7;
                padding: 10px 9px;
                font-size: 1.9rem;
                width: 100%;
                border: solid 1px #e6e6e6;
            }
            

 .product_summary {
    margin-top: 2rem;
 }
 .profile-page {
    width: 100%;
    margin: 0 auto;
}
            .product_blue_detail {
                display: flex;
                justify-content: flex-end;
            }
       

                .product_red_detail {
                    width: 100%;
                    display: flex;
                    justify-content: flex-end;
                }


            .product_paragraph p {
                font-size: 1.6rem;
               
                padding: 12px 20px
            }
            .place_buy_button a {
                padding: 10px 4px;
                
}
.navbar-brand img {
    width: 100%;
}


.inbox-bx td:last-child a img{
	max-width: inherit;
}
.inbox-bx td:last-child a{
	padding: 0px;
	display: block !important;
}
.inbox-bx td:last-child a#deleted{
	display: block;
	text-align: center;
}

.buyer_timer h3 {
   font-size: 14px !important;
}

.catalog-product-view table, 
.catalog-product-view thead, 
.catalog-product-view tbody,
 .catalog-product-view th,
 .catalog-product-view td, 
 .catalog-product-view tr{
	display: revert;
}

}

@media only screen and (max-width: 600px){
	#placebidtab .shipping_border .col-sm-12.aggrement-text{
		flex: 1;
		width: 100%;
		max-width: inherit;
	}
	
}



@media only screen and (max-width: 480px){
    .tables_display_1{ display: flex; flex-wrap: wrap;}
	
.email_button{
	width: 200px !important;
}
.product_blue_detail {
    justify-content: center;
}
.product_red_detail {
    justify-content: center;
}
.product_white_button{
	width : 70px;
}
.product_blue_button{
	width: 251px;
}
/*
.product_head h1::after{
	display : none !important;
}*/
    .buy-bid .container-fluid{
        /* padding-right: 0px; */
        padding-left: 0px;
    }

    .payment-details h1 {
        font-size: 2.2rem;
        margin-bottom: 24px;
        padding-bottom: 1rem;
        left: 0px;
        position: relative;
    }
    
    .payment_add_account_btn {
        float: left;
        padding-left: 15px;
        margin-top: 1.2rem;
    }    

    .login .form-control::placeholder {
        border-bottom: none !important;
        font-size: 14px !important;
    }
    .sign .form-control::placeholder { border-bottom: none !important;
        font-size: 14px !important;  }
    

    .payment-order {
        width: 100%;
        padding: 0px;
        margin: 0px;
    }
    .payment-option {
        width: 100%;
        margin-top: 6em;
        padding: 0;
    }


    .payment-order-bg h3 {
        color: #ff5a5f;
        font-size: 2rem;
        /* text-align: right; */
        padding: 10px 5px 7px 0px;
        text-align: center;
    }
    .payment-form_button h5 a {
        background-color: #31e8e8;
        font-size: 1.3rem;
        padding: 12px 14px;
        color: #343434;
        font-weight: 400;
        text-decoration: none;
    }

    .payment-form_button h4 a {
        background-color: #f7f7f7;
        border: 1px solid #c7c7c7;
        font-size: 1.3rem;
        padding: 12px 30px;
        color: #343434;
        font-weight: 400;
        text-decoration: none;
    }


    .order-summary_pay {
        margin: 10px 0px;
        padding-left: 0rem;
    }

    .profile-page {
        width: 100%;
        margin: 0 auto;
    }

    .order-billing_pay {
        margin: 0;
        padding-left: 0rem;
    }
    .payment-form_button h5 {
        float: right;
       
        margin-left: 1rem;
    }

    .footer_detail h4 {
        font-size: 1.6rem;
        font-weight: 600;
        text-align: center;
    }
    .footer_detail p {
        font-size: 1.6rem;
        font-weight: 400;
        text-align: center;
    
    }
    .news_heading {
        width: 324px;
        display: flex;
        margin-left: 0em;
    }

    .fotorama__stage, .fotorama__nav {
        height: 270px !important;
        margin-top: 1rem !important;
        border: 1px solid #cccccc !important;
        width: 100%;
    }

    .columns .column.main{ padding-bottom: 0 !important;}
    .border{width: 100%; margin-left: 0 !important;}

    .fotorama__wrap{
        width:100%;
    }

    .fotorama__wrap{
        width:100%;
        max-height:275px;
    }
    .product_buy_now {
        margin: 20px 0 0 0;
        padding: 0;
        text-align: center;
    }
    .product_head h1 {
        font-size: 2.5rem;
        position: relative;
        margin-bottom: 15px;
        text-align: center;
    }
   .inbox-bx td:last-child a {
		background: #3ce2e2;
		padding: 10px;
		color: #fff;
		font-weight: 600;
		display: inline-block;
		text-align: center;
	}
	.inbox-bx td:last-child a:hover{
		text-decoration: none;
		background: #f95a5f;
	}
	.inbox-bx td:last-child a:hover{
		text-decoration: none;
		background: #f95a5f;
	}

    #show-img {
        width: 400px;
        height: 250px;
        object-fit: contain;
    }
    .show {
        width: 100%;
        border: 1px solid #dddddd;
        text-align: center;
        margin-top: 4rem;
    }
    .shoes_full_width{width: 50%;}
            .place_biding_button a {
                color: #000000;
                text-decoration: none;
                font-weight: 500;
                background-color: #f7f7f7;
                padding: 10px 30px;
                font-size: 1.9rem;
                width: 100%;
                border: solid 1px #e6e6e6;
            }
            .product_summary {
                
                background: #ffffff;
                padding: 1rem 0 1rem 0;
                margin-top: 1px;
                overflow: hidden;
            }
            .product_head {
                padding: 0px 0px 0px 0px;
            }
            .product_head p{ 
                font-size: 1.5rem;
                width: 100%;
                color: #000000;
                font-weight: 500;
                left: 0;
                padding-top: 0.4rem;
                text-align: right;
                text-decoration: underline;
            }
            .product_head p a { font-size: 1.5rem;  color: #000000; font-weight: 500; padding-top: 0.4rem; text-align: center; text-decoration: underline;}
            .catalog-product-view .product.media {
                width: 100% !important;
                margin-top: 5rem;
            }

            .fotorama__stage__shaft{
                min-width:300px !important;
            }
    
            .product_head h2 {
                font-size: 2.1rem;
                color: #a6a6a6;
                padding-top: 0.5rem;
            }
            .product_size {
                padding-left: 0rem;
                text-align: center;
            }
            .fotorama {
                overflow: visible;
            }
          
          
            .place_buy_formes input{
                width:88%;
              }
              .navbar-brand img {
                width: 100%;
            }
}

/*vp 24/feb/2021*/
@media only screen and (max-width: 1024px) {
	.product_blue_button, .product_red_button {
	    align-items: center;
}
	.product_blue_button{
		width: auto;
	}
	
	.product_white_button{
		width : 80px;
		margin-top: 0;
	}
}
@media only screen and (max-width: 960px){
	.product_summary > .row > .col-md-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.product_red_button,
	.product_blue_button {
		width: 100%;
	}
	.product_summary {
		/* width: 57%; */
		margin-left: 2rem;
		float: left;
	}	
	.product_white_button{
	width : 80px;
	}
	.product_head h1 {
    text-align: left;
}
.product_paragraph p {
    padding: 12px 20px 12px 0;
}
.product_head {
    padding: 0;
}
.email_button {
    width: 180px !important;
}
}
@media only screen and (max-width: 768px) {
.catalog-product-view .product_summary {
    width: 55%;
}
.product_summary {
    width: 55%; 
    margin-left: 2em;
    float: left;
}
table, thead, tbody, th, td, tr {
    /* display: block; */
}
button.navbar-toggler-icon {
    background-repeat: no-repeat;
    background-position: center;
    width: 32px;
    height: 32px;
}

}

@media only screen and (max-width: 640px){
	 .catalog-product-view .product.media {
                width: 100% !important;
                margin-top: 0rem;
            }
.product_white_button{
	width : 80px;
    margin: 4px 0 0;
}
.product_blue_button, .product_red_button {
	    align-items: center;
}
.product_summary{
	width: 100%;
    margin-left: 0;
    float: left;
}
.shipping_button h5 {
    margin-top: 3px;
}

#sellnowtab .shoes_full_width h2.text-right,
#askpricetab .shoes_full_width h2.text-right {
text-align: left !important;
}
#buynowtab .shipping_border .col-sm-12,
#placebidtab .shipping_border .col-sm-12 {
			-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width:  50%;
}
.product_summary,
.catalog-product-view .product_summary{
	width: 100%;
}


}


/* 26 feb */
@media only screen and (max-width: 480px){
.buy-bid .product-timer h3{
	font-size: 26px;
}
}
/* 26 feb */

@media only screen and (max-width: 320px){

.email_button {
    width: 130px !important;
}
.payment-form_button h4 a{
	padding: 12px 15px;
}
.payment-form_button h5 a{
	padding: 12px 10px;
}


}

@media screen and (min-width: 769px){
	.buy_button {
		margin-right: 1rem;
	}
}
@media screen and (orientation: landscape) and (min-device-width: 319px) and (max-device-width: 960px) {
	.product_red_button,
	.product_blue_button {
		width: 100%;
	}
	.product_white_button {
		width: 83px;
	}
	
	.product_summary {
		width: 100%;
		margin-left: 0;
		float: left;
	}
}
/*vp 24/feb/2021*/

@media only screen and (max-width: 900px){
	.navbar-light .navbar-toggler-icon {
   	 background-image: url(data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E);
    	 background-size: cover;
   	 background-repeat: no-repeat;
   	 background-position: center;
	display: inline-block !important;
	   width: 2.5em !important;
    	   height: 2.5em !important;
	}
	
}

p.not-avilable{
	padding: 20px;
	text-align: center;
	color: #f70a0a;
	font-style: italic;
	font-size: 1.7rem;
	margin: 20px;
}

.product-bidding.row {
    margin-top: 20px;
}

.customer-account-createpassword .buy-bid form{
	margin: 0 auto;
}


/* 12/07/2023 */
.sign .form-check .form-check-input:checked {
    background-color: #3befef;
    border-color: #23cece;
    top: -10px!important;
}
img.dlt-icn {
    margin-bottom: 5px;
}

.sell-seller-index table tr td, .sell-seller-index table tr th {
    text-align: center;
}
input[class="chkbx-agree-on-bid-buy"] {
    top: 3px;
    position: absolute;
    left: 0px;
}

.buy-buyer-index table tr td, .buy-buyer-index table tr th {
    text-align: center;
}

/* 17 July 2023 */

.product_buy{
    background-color: #fff;
    border-radius: 5px;

    padding: 0px 10px;
    margin: 10px 0px 10px 1px;
}

.product_red_buy{
    background-color: #fff;
    border-radius: 5px;

    padding: 0px 10px;
    margin: 10px 0px 10px 1px;
}

.action-primary:hover{
    background: #31e8e8 !important;
    border: 1px solid #31e8e8!important;
}

.action-primary {
   
    background: #31e8e8 !important;
    border: 1px solid #31e8e8!important;
}

@media only screen and (max-width: 425px){
    .fotorama__stage__frame .fotorama__img {
        left: 44%;
    }

    .product_blue_button {
        gap: 10px;
        display: flex;
    }
    .product_red_button{
        gap: 10px;
        display: flex;
    }
}

.control:has(button.clearSearch){
    position: relative;
    }
    button.clearSearch{
            position: absolute;
            top: 6px;
            right: 6px;
            background-color: #fff;
            display: inline-block;
            height: 20px;
            width: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0;
            padding: 0;
            border: none;
        }
        .control:has(input:focus) button.clearSearch{
        z-index: 9;
        opacity: 1 !important;
    
    } 
    button.clearSearch:hover, button.clearSearch:focus{
        opacity: 1 !important;
        z-index: 9;
    }



@media only screen and (min-width: 768px) and (max-width: 991px){
    .navbar-brand {
        width: 15%;
    }
    .navbar-brand img {
        width: 100%;
    }
    .navbar{
        justify-content: unset !important;
    }
    button.navbar-toggler[data-bs-target="#navbarSupportedContent"] {
        margin-left: auto;
    }
}

    @media (max-width: 480px) { 
        .navbar-brand img{ width:100%;}
        .email_button{
        width: 200px !important;
    }
        .footer_detail h4 {
            font-size: 1.6rem;
            font-weight: 600;
            text-align: center;
        }
        .nav_shadow .navbar{width: 98%;}
        .navbar-brand {
            width: 30%;
        }
        .block.block-search {
            width: 55%;
        }
        .block-search input{
            left: unset !important;
        }
        label.label[data-role="minisearch-label"] {
            display: none;
        }
        .block-search .block-content, .block-search {
            margin: 0 !important;
        }
        .block-search .control{
            border-top: 0;
        }
        .block-search input{
        margin: unset; 
    position: unset; 
    
        }
        .navbar-brand{
            margin-right: 0 !important;
        }
        button.clearSearch {
            right: 26px;
        }
     }




     .login-box-shadow form input {
        text-indent: 14px;
    }

    .container {
        padding: 0 !important;
        max-width: 100%!important;
    }

    body:has(.sellerPage)  button.clearSearch{
        position: absolute;
        top: -1px;
        right: 6px;
        background-color: #fff;
        display: inline-block;
        height: 20px;
        width: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        padding: 0;
        border: none;
    }
    body:has(.sellerPage) button.action.search {
        width: auto;
    }
    .searchsuite-autocomplete ul {
        overflow: auto;
    }
    .block-search .action.search:before {
        position: absolute;
        right: 0;
    }
    button.clearSearch{
        margin: 0!important;
    }
    #product .qs-option-title a {
        width: 100%;
        display: block;
        white-space: break-spaces;
        font-size: 1.4rem;
    }
    div#searchsuite-autocomplete {
        
        left: 0;
        max-height: 434px;
        overflow: auto;
    }
    @media only screen and (min-width: 240px) and (max-width: 767px){
        div#searchsuite-autocomplete {
            width: 88%;
            left: 15px;
        }
    }
    @media only screen and (min-width: 481px) and (max-width: 767px){
        .block.block-search {
            width: 260px;
        }
    }
    /* scrollbar */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
  
  ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  }
  
  ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0.3);
  }
      @media only screen and (min-width: 819px) and (max-width: 820px){
        .navbar-nav{
            text-align: left;
        }
    }
  
ul.navbar-nav {
    text-align: left;
}