.img-style-line {
    height: 532px;
    width: 435px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: -7;
    position: absolute;
    top: -19px;
    left: -193px;
  }
  .img-style-line-bottom{
    height: 532px;
    width: 435px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    right: -136px;
  }
  .img-style-line-right{
    height: 532px;
    width: 435px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: -7;
    position: absolute;
    top: -19px;
    right: 0px;
  }
  
  .line-h-1_3{
    line-height: 1.3;
  }

  .mar-top-header {
    margin-top: 100px;
  }

  .ul-dot ul.dot-color li:before {
    content: "•";
    padding-right: 16px;
    color: #fff;
  }

  .img-food {
    width: 100%;
    height: 434px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }

  .box-food-detail {
    border: 2px solid #D09046;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;

  }

h3.text-border-event::after{
    content: '';
    max-width: 20px;
    display: block;
    border-bottom: 3px solid #271307;
    height: 0.75rem;

}
.box-food-detail  h3::after {
    content: '';
    max-width: 20px;
}

  .date-text {
    color: #D09046;
  }

  .img-event {
    height: 176px;
    border-radius: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .img-event-mobile{
      background-position: center;
      background-repeat:no-repeat;
      background-size: cover;
      height: 184px;
  }

  .box-event {
    border-right: 1px solid #D09046;
  }
  .box-group-event .box-event:last-child{
      border:none;
  }
   .btn-wh{
       width: 170px;
       height: 40px;
   }

     /* The radio */
.radio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  /* Hide the browser's default checkbox */
  .radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 10px;
    border: 2px solid #271307;
  }
  
  /* On mouse-over, add a grey background color */
  .radio:hover input ~ .checkmark {
    background-color: #fff;
    border: 1px solid #D09046;
  }
  
  /* When the checkbox is checked, add a blue background */
  .radio input:checked ~ .checkmark {
    background-color: #fff;
    border: 1px solid #D09046;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .radio input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .radio .checkmark:after {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: left;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #D09046;
  }
  .wid-btn-drop{
    width: 100%;
  }
  .icon-drop {
    position: absolute;
    right: 10px;
    top: 15px;
    color: #D09046;
}
.wid-btn-drop li {
    padding: 5px 10px;
}
.wid-btn-drop li.active {
    background-color: #D09046;
    color: #ffffff;
}
  .btn-drop-mec{

    border: 1px solid #271307;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
    background-color: #ffffff !important;
    text-align: left;
  
   
}
.show button.btn-drop-mec{
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.border-bottom-rl{
  top: -3px !important;
  border-top-left-radius: 0px;
  border-top-right-radius:0px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 0 0 !important;
 
}
.text-address{
    font-size: 14px;
    line-height: 1.5;
    
}
.img-contact{
    height: 24px;
}
.btn-download{
    border:2px solid #D09046;
    width:170px ;
    height: 40px;
    color: #D09046;
    background-color: #271307;
}
.btn-download:hover{
    border:2px solid #271307;
    color: #271307;
    background-color: #D09046;
}
.btn-send{
    border:2px solid #D09046;
    width:170px ;
    height: 40px;
    color: #271307;
    background-color: #D09046;
    font-size: 14px;
}
.btn-send:hover{
    border:2px solid #271307;
    color: #D09046;
    background-color: #271307;
}
.box-address-detail-right {
    border: 2px solid #D09046;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
@media only screen and (max-width:320px){

    .invisible-mobile{
        display: none;
    }
    .visible-mobile{
      display: block;
     }
    
  }
  /* Mobile in Landscape mode */
  @media only screen and (min-width:321px) and (max-width:480px) {
   
      .invisible-mobile{
          display: none;
      }
      .visible-mobile{
        display: block;
       }
    
  
  }
  
  
  @media only screen and (min-width:480px) and (max-width:767px) {
  
  
      .invisible-mobile{
          display: none;
      }
      .visible-mobile{
        display: block;
       }
    
  
  }
   /* Tabets */
   @media only screen and (min-width:768px) and (max-width:1024px) {
  
  
      .invisible-mobile{
          display: none;
      }
      .visible-mobile{
        display: block;
       }
       .img-food {
        height: 457px;
    }
  }
  
  /* destop small  */
  @media only screen and (min-width:1025px) and (max-width:1223px)  {
   
      .invisible-mobile{
          display: block;
      }
      .visible-mobile{
        display: none;
       }
       .img-food {
        height: 530px;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
      }
  
  }
   /* destop genneral  */
  @media only screen and (min-width:1224px) {
      .invisible-mobile{
          display: block;
      }
      .visible-mobile{
        display: none;
       }
       .img-food {
        height: 457px;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
      }
  }
  
   /* Very large screen devices  */
   @media only screen and (min-width:1824px) {
      .invisible-mobile{
          display: block;
      }
      .visible-mobile{
        display: none;
       }
       .img-food {
        height: 434px;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
      }
   }