.mobile-vi-fix{float: left; width: 100%; margin: 15px 0px 15px;}
.size_table table tr th.header-name{ text-align: left !important; font-size: 13px; font-weight: 900;  }
.size_table table tr th{ border:none; border-right: 1px solid #dddddd !important; text-align: center; color:#677495; border-bottom: none !important; font-size: 13px; font-weight: 900; }
.size_guide #size_mod .size-content {overflow: auto; background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888;  width: 40%; position: absolute; left: 0; right: 0; top: 5px; height: 85vh; }

.size_guide #size_mod .size-content .container .size_table .first_table.table tbody tr.row_head th{font-weight: bold;}
.size_guide #size_mod .size-content .container .size_table .first_table.table tbody tr td{ border: none; border-right: 1px solid #dddddd; }
.table-bordered th, .table-bordered td, .table>:not(:first-child){ border:none !important; }

@media screen and (min-width: 390px) and (max-width: 800px) {
    #product .size_guide .scroll-section{top: 38vh;}
    .mobile-vi-fix h1{line-height: 23px !important;}
    #product .size_guide .mobile-vi-fix{top: 47px; height: 25vh;}

}

@media screen and (min-width: 320px) and (max-width: 767px) {
  #product .size_guide #size_mod .size-content{ width: 90%; top: 50%; transform: translate(0, -50%); position: relative;  height: 100vh; }
   #product .size_guide .mobile-vi-fix{position: fixed; top: 38px; left: 0;  width: 100%; height: 23vh;  background-color: #fff;  z-index: 1; padding: 0px 10px; }
  #product .size_guide  .scroll-section { position: absolute; top: 49vh; left: 0; width: 100%; height: calc(50vh - 1px);  overflow-y: scroll;  /*background-color: #f8f8f8;*/  z-index: 0; }
  .size_guide #size_mod .size-content .close{z-index: 99999;}
  .mobile-vi-fix h1 { font-size: 15px !important; line-height: 23px !important;}
  .size_guide #size_mod .size-content .close{right: -11px; top: -10px;}
  .size_guide #size_mod .size-content .container p{margin-top: 7px !important; padding: 9px;}
  #product .size_guide .scroll-section{top: 30vh; padding: 0px 10px;}
  #product .size_guide .scroll-section{ top: 29vh; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .size_guide #size_mod .size-content .container .size_text { margin-top: 0; }
    .size_guide #size_mod .size-content { max-width: 700px; padding-left: 20px; height: auto; }
    .size_guide #size_mod .size-content .container .size_table .first_table.table { max-width: 100%; }
    .size_guide #size_mod .size-content .container h1 { text-align: center;  }
    .size_guide #size_mod .size-content .container p { width: 100%; text-align: center; }
    .size_guide #size_mod .size-content { left: 0; right: 0; transform: translateX(-51%); }

}
@media (min-width: 0px) and (max-width: 1024px) {
    .size_table table tr th.header-name{ font-size: 9px; }
    .size_guide #size_mod .size-content .container .size_table .first_table.table tbody tr td{ font-size: 8.5px; }
    .size_table table tr th{ font-size: 11px; }
    .size_guide #size_mod .size-content .container .size_table .first_table.table{ width: 400px !important; max-width: 400px !important; }
    #product .size_guide .scroll-section{ top: 30vh; }
    #product .size_guide .mobile-vi-fix{ height: 0vh; }
    
}

@media (max-width: 767px) {
    #product .size-guide .size { text-align: left; }
    .size_guide #size_mod .size-content { width: 100%; max-width: 90%; height: auto; top: 0; padding: 0; overflow-y: scroll; }
    .size_guide #size_mod .size-content .container .size_text { margin-top: 15px; }
    .size_guide #size_mod .size-content .close { position: relative; right: 8px; top: 8px; width: 15px; height: 15px; background-size: contain; }
    .size_guide #size_mod .size-content .container h1 { font-size: 13px !important; line-height: 30px; text-align: center; }
    .size_guide #size_mod .size-content .container p { text-align: center; margin-top: 20px; }
    .size_guide #size_mod .size-content .container .size_table .first_table.table { margin: 0 auto; max-width: 94%; }
}