.quarity_img_mo .img-top {
   margin-bottom: 3rem;
}

.quarity-detail .txt-gradient.ipad {
   display: none;
}

.br-ipad {
   display: none;
}


@media screen and (max-width: 1280px) {
   section.market {
      padding: 5em;
   }

   .sec-map .six-continent {
      width: 50%;
   }

   .sec-map .map {
      width: 50%;
   }

   .name-countries ul {
      width: auto;
      margin-right: 5px;
   }

   .name-countries li {
      table-layout: auto;
      width: 100%;
   }
}

@media screen and (max-width: 1366px) {
   img.img-quarity {
      height: 12vh;
   }
}



@media screen and (max-width: 1440px) {

   .tab-content p,
   .about .txt-detail {
      font-size: 1rem;
   }

   section.cookbook,
   section.event {
      height: fit-content !important;
   }

   .name-profession .surName {
      min-height: 10vh !important;
   }

}


@media (max-width: 1768px) {
   section.market {
      height: 65vw;
   }

   section.pop-recipe {
      height: 100% !important;
   }
}

@media (max-height: 915px) {
   .about .line-x {
      height: 10vh !important;
   }
}


@media (max-width: 768px) {
   footer .con-foot {
      flex-direction: column !important;
   }

   section.market {
      height: 120vh !important;
   }
}

@media screen and (max-width: 830px) {
   section.pop-recipe {
      padding: 7em 2em !important;
   }

   /* section about */
   .tab-content p,
   .about .txt-detail {
      font-size: 1.5rem;
      text-align: center;
      padding: 0 1rem;
   }

   .line-y {
      display: none;
   }

   .txt-head span {
      font-size: 6vw;
   }

   .quarity-detail .txt-gradient {
      display: none;
   }

   .quarity-detail .txt-gradient.ipad {
      display: block;
      text-align: center;
   }

   .br-ipad {
      display: block;
   }
}

@media (max-width: 939px) {
   .panel {
      margin-left: 0px !important;
   }
}

@media (min-width: 960px) {
   section .card .video-img {
      height: 35vw;
   }
}


@media (max-width: 1024px) {

   section.cookbook,
   section.event {
      height: fit-content !important;
   }

   section.market {
      height: 100% !important;
   }

   section.market .con-map_mo {
      display: block !important;
   }

   section.market .con-map {
      display: none !important;
   }

   section.market .content-market {
      flex-direction: column;
   }

   .market .txt-head span {
      font-size: 5.5vw;
   }

   .content-market .num-run {
      position: relative;
      width: 100%;
      height: fit-content;
      justify-content: space-around;
      margin-top: 1rem !important;
   }

   .t-box .txt-top,
   .t-box .txt-bottom {
      font-size: 2.3vw;
   }

   .counter-item {
      margin: 1rem 0 po !important;
   }

   .content-market .con-map {
      height: 40vh !important;
      margin-top: 2rem !important;
   }

   .con-map .sec-map {
      height: fit-content !important;
   }

   .sec-map .absolute {
      flex-direction: column-reverse !important;
   }

   .sec-map .absolute {
      height: fit-content !important;
   }

   .sec-map .map {
      justify-content: center !important;
   }

   .map figure.img-map {
      width: 70% !important;
   }

   .map figure.img-map img {
      width: 100% !important;
   }

   .sec-map .six-continent {
      top: 3vh !important;
      width: 80vw !important;
      padding-left: 5vw !important;
   }

   .nav-map>li {
      padding: 0 !important;
   }

   .nav-map>li>button {
      font-size: 2vw !important;
   }

   /* cookbook */
   section.cookbook .con-book {
      display: none !important;
   }

   section.cookbook .con-cook-mobile {
      display: block !important;
   }
}

@media (max-width: 1024px) and (min-height: 1024px) {

   .about .line-x {
      height: 10vh !important;
   }

   .quarity {
      flex-direction: column-reverse !important;
   }

   .img-top {
      margin-bottom: 3rem;
   }

   .quarity-img,
   .quarity-detail {
      width: 100% !important;
   }

   .quarity-detail {
      padding-left: 0 !important;
      align-items: center !important;
   }

   .quarity-img {
      margin-top: 4rem !important;
   }

   section.event {
      height: 100% !important;
   }
}



@media (max-width: 540px) {
   .about .line-x {
      height: 10vh;
   }

   .quarity {
      flex-direction: column-reverse;
   }

   .quarity-img,
   .quarity-detail {
      width: 100%;
   }

   .quarity-detail {
      padding-left: 0;
      align-items: center;
   }

   .quarity-img {
      margin-top: 4rem;
   }

   img.img-quarity {
      height: 10vh;
   }
}


@media screen and (max-width: 432px) {

   .market .txt-head span,
   .head-pop-recipe span,
   .txt-h-event h1.txt-h-center,
   .txt-head span,
   .mobile span,
   .v-m_mo span {
      /* font-size: 6vw !important; */
      font-size: 8vw !important;
   }

   .txt-head span {
      letter-spacing: 5px;
   }

   .counter-item h1 {
      font-size: 15vw !important;
   }

   .txt-gradient,
   .counter-item h1 {
      text-transform: uppercase;
      background: linear-gradient(to top, #339f5b 0%, #005197 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
   }

   .t-box .txt-top,
   .t-box .txt-bottom {
      font-size: 1.2em !important;
   }

   section.about ul.nav {
      width: 100vw;
   }

   .about button {
      width: auto;
      font-size: 3rem;
   }

   section.about .txt-head span {
      font-size: 3rem !important;
   }

   /* market */
   section.market {
      padding: 10vh 5vw;
   }

   .con-map .nav-map {
      position: absolute;
      right: 0;
      width: fit-content;
      height: fit-content;
   }

   .nav-map>li>button {
      font-size: 14px !important;
   }

   .name-countries ul {
      margin-right: 1rem !important;
   }

   section.about .v-m,
   section.about .quarity {
      display: none;
   }

   section.about .v-m_mo,
   section.about .quarity_mo,
   section.market .con-map_mo {
      display: block !important;
   }

   section.market .con-map {
      display: none;
   }

   /* recipe */
   .head-pop-recipe span {
      text-align: center;
   }

   .pd-rela-ul .pd-rela-li {
      box-shadow: 22px 0 0 -20px #fff !important;
   }

   /* catalog */
   section.catalog .panel {
      height: 1.2rem;
      display: flex;
      align-items: center;
   }

   section.catalog .panel-title {
      line-height: 1.5rem;
   }

   section.catalog .catalog_pagination p {
      font-size: 10px !important;
      letter-spacing: 1px !important;
   }

   /* event */
   .event .event-con {
      flex-direction: column !important;
   }

   .event-box .img-event {
      width: 100% !important;
      height: 100% !important;
   }

   .event-box .name-event {
      padding: 2rem !important;
   }

   .name-event h3 {
      font-size: 2rem !important;
   }

   /* foot */
   .in-con.story {
      display: none !important;
   }

   footer .txt-head {
      width: 100% !important;
   }

   footer .in-con {
      text-align: center !important;
   }

   /* contact */
   section.contact .txt-head span.desktop {
      display: none !important;
   }

   section.contact .txt-head span.mobile {
      display: block;
   }

   section.contact .con_us {
      padding: 0 !important;
   }

   section.contact .in_cont {
      width: 70vw;
   }

   section.contact .text_cont,
   section.contact .form_cont {
      padding: 0;
   }

   section.contact button#submit {
      margin: 25px 0;
   }
}


@media (max-width: 430px) and (max-width: 932px) {
   section.market {
      height: 100% !important;
   }
}