@media all and (max-width: 1024px) {
  .lastorder_popup {
    max-width: 500px;
    padding: 10px;
  }
  .fa-angle-up {
    display: none;
  }

  .page-link {
    padding-left: 0;
  }
}

@media (min-width: 992px) {

  .footer-logo {
    display: block;
  }

  .footer-logo img {
    filter: invert(1);
  }

  .footer-contents {
    /*width: 43%;*/
  }

  .fnb .sns-link li {
    width: 28px;
  }

  .sns-link li img {
    width: 100%;
  }

  .ftlogo {
    display: none;
  }
  .navbar-nav {
    display: none;
  }
}

/**************************************************


tablet Size


**************************************************/
@media screen and (max-width: 991px) {
  .footer-logo {
    display: none;
  }
  .menu-slide-wrap-tab {
    display: none;
    height: 100%;
  }  
  .menu-wrap {
    position: absolute;
    right: 20px;
    top: 25px;
  }
  .btn-userinfo,
  .btn-userinfo * {
    font-size: 14px !important;
  }
  .nav-bar {
    position: fixed;
    padding: 0 10px;
    background-color: #fff;
    height: 80px;
  }
  .nav-bar .main-logo img {
    filter: invert(1);
  }
  .menu-wrap .btn-logout {
    margin-right: 5px;
  }
  .reserv-page-title {
    position: fixed;
    z-index: 9;
    top: 80px;
  }
  .detail-contents {
    padding: 0 10px 50px;
    margin: 0;
  }
  .slide-up-box-wrap {
    width: 100%;
  }
  
  
  /*예약하기*/
  .reserv-title {
    margin-top: 80px;
    height: 70px;
  }

  .reserv-title-inner h2 {
    width: 100%;
    font-size: 20px;
  }

  .reserv-title-inner .reserv-close-btn a {
    width: 15px;
    height: 15px;
    top: 57%;
  }
  .reserv-title-wrap {
    top:74px;
  }
  .reserv-top {
    box-sizing: border-box;
    font-size: 14px;
    position: relative;
    margin-top: 80px;
  }
  
  .gallery .content .grid-gallery-outer {
    padding-top:80px !important;
  }
  
  .detail-contents-wrap {
    top:70px;
  }
}

/**************************************************


Mobile Size


**************************************************/
@media screen and (max-width: 768px) {
  .main-box-title h3 {
    font-size: 17px;
  }
  .recepit_sub_list_wrap * {
    font-size: 14px;
  }
  .main-logo {
    width: 90px;
    top: 3px;
  }
  .gallery-box .gallery-main-box .swiper-slide .info-txt {
    padding: 10px 15px;
  }
  .gallery-box .gallery-main-box .control-wrap > div {
    width: 40px;
    height: 40px;
    background-size: 7px;
  }
  .footer-logo {
    display: none;
  }
  .reserv-body-bg::before {
    height: 120vh;
  }
  .calendarLi * {
    font-size: 14px;
  }
  .recommend-quantity {
    margin: 10px 10px 20px;
  }
  .quant-title h2 {
    padding-left: 0;
    font-size: 17px;
  }
  .fnb .fa-arrow-up {
    display: none;
  }
  .mainBg {
    overflow: visible;
  }
  .order-detail-wrap h2 {
    font-size: 17px;
  }
  .info-sub li,
  .info-list li {
    font-size: 14px;
  }

  .btn-logout {
    display: none;
  }
  .fnb a {
    font-size: 14px;
  }
  .calendarLi {
    text-align: left;
    padding: 10px;
  }
  mark.soldout {
    width: 40px;
  }
  .pizza1Text h1 {
    font-size: 17px;
  }
  .pizza1Text p {
    font-size: 14px;
    line-height: 1.3;
  }
  .pizza1Text ul li > span:nth-of-type(2) {
    width: calc(100% - 100px);
  }
  .pizza1Br {
    display: block;
  }
  .ui-widget.ui-widget-content {
    width: 100%;
  }
  .ui-widget-content .ui-state-default,
  .ui-widget-header .ui-state-default,
  .ui-button,
  html .ui-button.ui-state-disabled:hover,
  html .ui-button.ui-state-disabled:active {
    width: 34px;
    height: 34px;
    padding-top: 10px;
  }
  .calendarInfo {
    width: 100%;
  }
  .calendar_info h2 {
    font-size: 17px;
  }
  .calendarCheflist {
    font-size: 14px;
  }
  .lastorder_popup {
    width: 100vw;
    padding: 10px;
  }
  .calendar_btn {
    width: 75px;
    margin-left: 10px;
  }
  .info-sub {
    padding-left: 70px;
  }
  .select-quantity-wrap {
    width: 93%;
    margin: auto;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: solid 2px rgb(239, 239, 239);
  }
  /*주문상세내역*/
  .recepit_inner {
    margin: auto;
    margin-top: 8%;
  }
  .ui-state-default {
    font-size: 16px;
  }
  .star {
    margin-left: 30px;
  }

  .recepit_menu h1 {
    font-size: 1.125rem;
  }

  .reserv-fixed {
    padding-left: 40px !important;
  }

  .toggle_btn {
    width: 20vw;
    height: 4vh;
    font-size: 11px;
    font-weight: 600;
  }
  .pizza1Text ul {
    font-size: 14px;
  }
  .pizza1Text ul li > span:nth-of-type(1) {
    width: 65px;
  }
  .pizza1Text ul li span {
    font-size: 15px;
  }
  .lastorder_btn {
    margin-left: 9px;
  }

  .review-btn-inner h3 {
    font-size: 0.875rem;
  }

  .recepit_logo_wrap {
    padding-top: 0;
  }

  .order-detail-page {
    width: 100%;
  }

  /*슬라이드업 박스*/
  .slide-up-box {
    width: 100%;
  }

  .info-quantity .quantity-input-wrap {
    width: 25vw;
  }

  .slide-up-box-inner {
    padding-top: 25px;
  }

  .product-list {
    width: 100%;
    margin: 0;
  }

  .detail-info-wrap-title-inner.on {
    top: 61px;
    width: 100%;
  }

  .slide-up-box-modal {
    left: 0;
    top: 100px;
    overflow: auto;
    height: 100%;
    padding-bottom: 160px;
  }

  .notice_header {
    height: 9vh;
  }

  .notice_header h2 {
    font-size: 20px;
    line-height: 9.2vh;
  }

  .recepit_logo h2 {
    font-size: 20px;
  }

  .info_header_inner {
    padding-top: 4%;
  }

  .recepit_logo_wrap_header h3 {
    font-size: 22px;
    font-weight: 600;
  }

  .fixed_bg {
    width: 114vw;
  }

  .detail-info-wrap-title {
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 10px;
  }

  .danger_popup {
    width: 65vw;
  }

  .notice_modal {
    top: 13.2%;
  }

  .select input[type="radio"] + label {
    width: 45px;
    border-radius: 3px;
  }

  .lastorder_popup,
  .notice_list1_wrap {
    width: 100vw;
    height: 100vh;
    overflow: auto;
  }

  .next_btn {
    width: 100vw;
  }
  .driver_list {
    width: 95%;
    height: 57%;
    margin-top: -264px;
    margin-left: -35%;
    left: 38%;
  }
  .cal_choose {
    width: 100%;
    margin-top: 5px;
  }
  .reserv-page-title {
    top:60px;
  }
  .reserv-page-title h1 {
    font-size: 26px;
  }
  .calender-close-btn a {
    width: 14px;
    height: 14px;
  }
  .notice_list_inner {
    padding-left: 2%;
    font-size: 15px;
  }
  .night_reserv {
    width: 80px;
    margin-left: 5px;
  }
  .notice_header {
    padding-left: 2%;
  }
  .notice_list1_header {
    padding-left: 2%;
    padding-right: 2%;
  }
  .notice_text p {
    padding-left: 2%;
  }
  .service {
    width: 20vw;
    height: 4vh;
    font-size: 11px;
    font-weight: 600;
  }
  #myform {
    margin-left: 4%;
  }
  .recepit_logo_wrap {
    margin: 0;
    padding: 10px 10px;
  }
  .reserv-title-inner {
    border-bottom: none;
  }
  .reserv-title-inner h2 {
    padding-left: 0 !important;
  }
  .slide-up-box1,
  .slide-up-box2 {
    width: 100vw;
  }
  .menu-slide-wrap {
    z-index: 9999;
    top:60px;
  }
  
  .menu-slide-wrap a {
    font-size: 15px;
  }
  
  .pizzamenu-title {
    font-size: 17px;
  }
  .pizza_truck1 {
    width: 100vw;
    height: 100%;
    background-size: cover;
  }
  
  .main-contents {
    padding:15% 20px;
    margin-top: 60px;
  }
  
  .footer {
    padding-bottom: 20px;
  }
  .footer .fnb {
    display: none;
  }
  .footer-contents {
    font-size: 13px;
  }
  .fnb_inner .page-link {
    padding-top: 10px;
    margin-bottom: 30px;
  }
  .fnb_inner .page-link li {
    margin-right: 5px;
    margin-left: 5px;
  }
  .footer-web {
    width: 100%;
    flex-direction: column;
  }
  .fnb_inner .page-link {
    justify-content: center;
  }
  .footer-cs,
  .footer-contents {
    text-align: center;
  }
  .footer-cs {
    padding: 20px 0;
  }
  .footer-contents ul li,
  .footer-cs ul li {
    font-size: 13px;
  }
  .fnb_inner .page-link a {
    font-size: 14px;
}
  
  .notice_x_icon {
    margin-top: 0;
  }
  .choice-calender .choice {
    font-size: 22px;
  }
  .everyuse {
    position: relative;
    justify-content: flex-end;
    width: 100%;
    margin-left: 2px;
    padding: 10px 20px;
  }
  .main-box {
    width: 100%;
    height: 160px;
    padding: 33px 20px;
  }
  .main-box {
    height: 160px;
    padding: 30px 10px;
  }
  .driverXicon {
    position: absolute;
    top: 50% !important;
    margin-top: -11px;
    right: 0;
  }
  .main-contents {
    flex-wrap: wrap;
  }

  .star {
    margin-left: 45px;
    font-size: 3rem;
  }
  .star span {
    font-size: 3rem;
  }
  .review-box-wrap.grade {
    text-align: center;
  }
  
  .review-box-wrap.grade .star {
    margin-left: 0;
  }
  .recepit_logo_wrap_header h3 {
    font-size: 18px;
  }

  .under_inner_left {
    font-size: 14px;
  }

  .recepit_logo h2 {
    font-size: 18px;
  }

  .info_header_inner {
    font-size: 14px;
  }

  .lastorder_page_maintext_inner h1 {
    font-size: 17px;
  }

  .reserv-title-inner {
    padding-left: 0;
    width: 100%;
    height: auto;
  }

  .main_list_text p {
    font-size: 16px;
  }

  .main_sub_list {
    font-size: 14px;
  }

  .info-quantity .quantity-input-wrap {
    width: 30vw;
  }

  .lastorder_btn {
    font-size: 14px;
  }

  .lastorder_main_total_wrap {
    padding-top: 14%;
  }

  .lastorder_popup_title {
    padding-left: 0;
  }

  .reserv-page-title h1 *,
  .reserv-page-title h1 {
    font-size: 17px;
  }

  .reserv-fixed {
    padding-left: 40px !important;
  }
  .choice-calender .choice {
    font-size: 22px;
  }

  .slide-up-box {
    width: 100vw;
  }

  .quant-img-wrap img {
    width: 96%;
  }
  .lastorder_btn {
    width: 136px;
  }
  .reserv-school {
    font-size: 12px;
  }
  .recepit_logo_wrap {
    margin: 0;
    padding: 10px;
  }
  .lastorder_page_maintext {
    height: 180px;
  }
  .night_reserv {
    width: 70px;
    font-size: 12px;
  }
  .info-quantity .quant-info-txt h4 {
    font-size: 13px;
    word-break: keep-all;
  }
  .pizza_hide {
    display: block;
  }
  
  .recepit_sub_listright {
    padding-left: 60px;
  }
  .x-icon {
    left: 0px;
  }
  .review-box-wrap h3 {
    padding-top: 15px;
    font-size: 14px;
  }
  .my-reserv-info {
    font-size: 14px;
  }
  .review-box-wrap.grade {
    font-size: 14px;
  }
  .danger_popup {
    margin-left: -30%;
  }
  .toggle_btn {
    width: 25vw;
    font-size: 12px;
  }
  .service {
    width: 25vw;
    font-size: 12px;
  }
  .calendarLi {
    display: block;
    margin-bottom: 10px;
    text-align: left;
  }
  .calendarLi > * {
    display: block;
  }

  .calendarInfo.shef .calendarLi {
    border: 2px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    line-height: 1.6;
  }
  .cal_place {
    width: 100%;
    text-align: left;
  }
  .cal_name {
    margin-left: 0;
  }
  .cal_name::before {
    content: none;
  }
  .cal_reserve {
    font-weight: bold;
  }

  .fnb ul,
  .select-quantity-wrap,
  .info-wrap,
  .reserv-school {
    justify-content: center;
  }
  
  .layer_pop .pop {
    width:90%;
  }
  
  /* 메인버튼 */
  .btn-style.btn-re {
    padding: 30px;
  }
  .btn-style.btn-re h3 {
    font-size: 26px;
  }
  .btn-style.btn-re .main_arrow {
    width: 30px;
    margin-left: 5px;
  }
  .btn-style.btn-re h3 img {
    width: 45px;
  }
  .small-ico {
    width: 40px;
  }
  .btn-style {
    padding: 26px 0;
  }
  .btn-style h3 {
    font-size: 18px;
  }
  
  .nav-bar,
  #container {
    height: 60px;
  }
  .menu-wrap {
    top: 16px;
  }
  
  .reserv-page {
    width: 100%;
    top: 60px;
  }
  
  .reserv-title-wrap {
    top:60px;
  }
  .reserv-detail-body-bg {
    background-color: #fff;
    top:60px;
  }
  
  .reserv-title {
    margin-top: 60px;
    z-index: 7;
  }
  
  .detail-contents-wrap {
    top:50px;
  }
  .gallery {
    padding-top: 59px;
  }
}


@media (min-width: 621px) {
  .reserv-page {
    width: 500px;
    background-color: #fff;
  }

  .night-popup-inner {
    width: 660px;
    left: 0;
  }

  .calender {
    width: 620px;
    margin: 0 auto;
  }

  .book-text {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: flex-start;
    margin-top: 5px;
  }

  .book-box p {
    font-size: 16px !important;
  }

  .book-box a {
    text-align: center;
  }
}

@media (min-width: 500px) {
  .slide-up-box {
    width: 500px;
  }

  .reserv-detail-piece {
    width: 460px;
  }

  .recommend-quantity {
    background: #f9f9f9;
    border: 1px solid #eee;
  }

  .quant-img-wrap {
    width: 150px;
    height: 110px;
  }

  .info-quantity .quant-info-txt h4 {
    font-size: 16px;
    font-weight: 700;
  }

  .info-quantity .quantity-input-wrap {
    width: 110px;
  }
}