/** Shopify CDN: Minification failed

Line 9:26 Expected ")" to end URL token
Line 193:23 Expected identifier but found "{"

**/
 .menu-wrapper{
  padding:2rem;
  background-image:url({{ 'Background_sizeguide.jpg' | asset_url }});
background-size:cover;
}
 .menu-container{
  max-width:980px;
  margin:auto;
}
 select{
  padding:14px 100px 14px 20px;
  border-radius:10px;
  border:1px solid #e5e5e5;
  font-size:18px;
  cursor:pointer;
}
select:nth-child(2){
  margin:0 2rem;
}
 button{
  border-radius:27px;
  padding:25px 30px;
  font-size:15px;
  border:1px solid #e5e5e5;
  background:#292929;
  color:white;
/*   margin-left:2rem; */
  cursor:pointer;
}
.fw-bold{
  font-weight:700;
}
.fw-400{
  font-weight:400;
}
 .content,
 .title-sg{
  max-width:980px;
  margin:auto;
  padding-top:3rem;
}
 .measure-title{
  color:#292929;
  font-size:20px;
  margin-bottom:2rem;
}
 .measure-img{
  padding-left:3rem;
}
 .measure-content{
  display:flex;
  align-items:center;
  
}
.measure-description{
  margin-left:8rem;
  color:#292929;
}
.btn-container{
  display:flex;
  justify-content:center;
  margin-bottom:6rem;
  column-gap: 2rem;
}

 .popular-guide{
  color:#292929;
  font-size:2.5rem;
  padding:2rem 0;
}
.how-to-measure{
  margin:10rem 0;
}
 .second-btn{
  margin-left:1rem;
}
.tables-section{
  background:#f4f4f4;
  padding-bottom:7rem;
}
 .subtitle{
    display: flex;
    justify-content: space-between;
    margin-bottom: 4rem;
    color: #292929;
    align-items: center;
}
  .toggle {
        position : relative ;
        display : flex;
        background-color: #e5e5e5;
        border-radius: 30px;
        overflow:hidden;
    }
           
 .toggle button{
  flex: auto;
    padding: 0 15px;
    border-radius: 30px;
    transition: all ease .3s;
      flex: 1;
    width: 100%;
    height: 100%;
    padding: 9px 14px;
    border: none;
    color: #292929;
  background:transparent;
  margin-left:0;
}
.toggle .is-active{
background-color: #292929;
    color: #fff;
}
 .table-container{
  display:flex;
}
 .title-table th{
  padding-left:1rem;
}
.custom--style th{
  background:#e5e5e5;
  height:62px;
  font-weight:bold;
}
.custom--style table td{
  background-color:#fff;
  padding:0.5rem 1rem !important;
  height:62px;
 text-align:center;
}
.custom--style th, .custom--style td{
  border:1px solid #c8c8c8;
  color:#292929;
}
.hide{
  display:none;
}

 .table-size{
  flex:1;
}
.table-size table{
      width: -webkit-fill-available;
    }
.title-table{
  width:290px;
}
.title-table table{
  width:100%;
}
.title-table th{
  text-align:start;
  

}
.table-size td, .table-size th{
   width:40px;
}
table{
  box-shadow:none;
}
@media screen and (max-width: 985px) {
 .content{
    padding:3rem 3rem;
  }
   .table-size{
    padding-bottom: 10px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    direction: ltr;
  }
  .table-size td, .table-size th{
   width:120px;
}
}
@media screen and (max-width: 767px) {
   .btn{
        margin-top: 3rem;
  }
 .btn-container{
    flex-direction: column;
  }
  .measure-content{
    flex-direction:column;
  }
  .measure-description.{
    margin-left:0;
  }
  .title-table {
    width: 150px;
}
}