.age_check .modal-title{
  font-weight: bold;
  font-size: 20px;
  line-height: 22px;
  color: var(--main_font_color);
  text-align: left!important;
  margin-bottom: 12px!important;
}

.age_check .modal-desc{
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 94px;
}

.age_check .btn{
  font-size: 14px;
  line-height: 20px;
  padding: 10px 27px;
  color: #fff;
  background-color: var(--main_color);
}

.age_check .btn:hover{
  color: #fff;
  background-color: var(--main_color_hover);
}

.age_check .btn:active{
  color: #fff;
  background-color: var(--main_color_active);
}
.left_content,
.right_content{
  padding: 0px!important;
}
.modal-content.age_check{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-end;
  padding: 40px!important;
}
.right_content_img img{
  width: 100%;
  height: 100%;
  max-width: 207px;
  max-height: 335.06px;
  min-width: 207px;
  min-height: 335.06px;
}
.right_content_img{
  margin-bottom: -15px;
}
.age_check_wrap.modal-dialog{
  max-width: 700px!important;
}
@media (min-width: 1024px){
  .age_check_wrap.modal-dialog{
    min-height: 400px;
  }
}

@media (max-width: 1024px){
  .age_check .modal-desc{
    margin-bottom: 20px;
    text-align: center;
  }
  .age_check .modal-title{
    text-align: center!important;
  }
  .left_content{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .right_content{
    display: none;
  }
}