/* Responsive style made by giaidieu.com */

@media (max-width:1600px) {
}

@media (max-width:1440px) {
}

@media (max-width:1366px) {
}

@media (max-width:1200px) {
  #block-giaidieu-advancedlanguageselectorblock {
    right: 130px;
  }
}

@media (min-height:900px) {
  body.checkout-completed #main, body.custom-order-history #main {
    height: calc(100vh - 470px);
  }
}

@media (max-height:750px) {
  body.checkout-completed #main, body.custom-order-history #main {
    height: calc(100vh - 350px);
  }
}

@media (max-height:650px) {
  body.checkout-completed #main, body.custom-order-history #main {
    height: calc(100vh - 250px);
  }
}

@media (max-height:550px) {
  body.checkout-completed #main, body.custom-order-history #main {
    height: calc(100vh - 150px);
  }
}

@media (max-width:1024px) {
  #block-giaidieu-advancedlanguageselectorblock {
    position: absolute;
    left: 70px;
  }
  
  .giaidieu-main-navigation {
    pointer-events: none;
    order: 1;
  }
  
  .giaidieu-main-navigation:before {
    content: "\f0c9";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
    font-size: 3.0rem;
    position: absolute;
    left: 30px;
    top: 17px;
    pointer-events: all;
  }
  
  .giaidieu-main-navigation ul.menu {
    pointer-events: all;
  }
    
  .giaidieu-main-navigation ul.menu {
    display: none;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 49px;
    width: 80%;
    height: calc(100vh - 50px);
    background-color: var(--primary_color);
    /*box-shadow: 1px 2px 3px #ddd;*/
  }
  
  .giaidieu-main-navigation ul.menu, .giaidieu-main-navigation ul.menu > li {
    float: none;
  }
  
  .giaidieu-main-navigation ul.menu {
    margin: 0;
    padding-left: 20px;
    padding-top: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
  }
  
  #block-giaidieu-branding-2 div.content a.logo.pull-left {
    float: none !important;
    order: 2;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999999;
  }
  
  #block-giaidieu-branding-2 div.content a.logo img {
    width: 30px;
  }
  
  .block-giaidieu-hotline {
    order: 3;
  }
  
  #block-giaidieu-branding-2 div.content {
    height: 50px;
  }

  .giaidieu-main-navigation ul.menu > li:hover, .giaidieu-main-navigation ul.menu > li.active, .giaidieu-main-navigation ul.menu > li {
    /*border-bottom: 1px solid #fff;*/
    border-bottom: none;
  }

  .giaidieu-main-navigation ul.menu > li:hover, .giaidieu-main-navigation ul.menu > li.active {
    /* border-bottom: 2px solid #fff; */
    border-bottom: none;
  }

  .giaidieu-main-navigation ul.menu > li:hover, .giaidieu-main-navigation ul.menu > li.active {
    background-color: transparent;
  }
  
  .giaidieu-main-navigation ul.menu > li > a, .giaidieu-main-navigation ul.menu > li > a:visited {
    font-weight: normal;
  }
  
  #block-giaidieu-bonchonfooter > div.content {
    grid-template-columns: 50% 1fr 1fr;
  }
  
  #block-giaidieu-bonchonfooter div.other-details div.field-row {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    grid-row-gap: 15px;    
  }
  
  #block-giaidieu-bonchonfooter div.other-details div.field-row:last-child {
    padding-left: 0;
  }
  
  .footer-bonchon-info div.company-details div.field-row {
    display: flex;
    align-items: flex-start;
    grid-column-gap: 5px;
  }
  
  .footer-bonchon-info div.company-details div.field-row img {
    margin-top: 3px;
  }

  #views-exposed-form-commerce-products-page-menu-products div[data-drupal-selector="edit-field-loai-san-pham-target-id"] > ul > li > a, #views-exposed-form-commerce-products-page-menu-products div[data-drupal-selector="edit-field-loai-san-pham-target-id"] > ul > li > a:visited, #views-exposed-form-commerce-products-block-thuc-don div[data-drupal-selector="edit-field-loai-san-pham-target-id"] > ul > li > a, #views-exposed-form-commerce-products-block-thuc-don div[data-drupal-selector="edit-field-loai-san-pham-target-id"] > ul > li > a:visited {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width:990px) {
  #block-giaidieu-bonchonfooter > div.content {
    grid-template-columns: 70% 1fr;
  }
  
  .footer-bonchon-contact {
    width: 100%;
    text-align: center;
  }
  
  div[role="dialog"][aria-describedby="custom-dialog-html"] {
    max-width: calc(100vw - 20px);
  }
  
  #bonchon-nhuong-quyen-intro-3 div.column-three h3 {
    line-height: 1.4;
  }

  #bonchon-nhuong-quyen-intro-3 div.column-three div.bg-red, #bonchon-nhuong-quyen-intro-3 div.column-three div.bg-white {
    height: 162px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  #bonchon-nhuong-quyen-intro-3 div.column-three h3 {
    margin-bottom: 5px;
  }
  
  #bonchon-nhuong-quyen-intro-4 div.bonchon-items {
    grid-template-columns: 1fr 1fr;
  }

  #bonchon-nhuong-quyen-intro-7 div.bonchon-form-wrapper #bonchon-logo-franchising {
    top: -100px;
  }
  
  div.main-column-2.container {
    display: block;
  }
  
  body:not(.commerce-cart-page) div.main-column-2.container div.region-right {
    display: none;
  }
  
  body.commerce-cart-page div.main-column-2.container {
    padding-left: 15px;
    padding-right: 15px;    
  }
  
  #block-giaidieu-lienhemap div.column-two {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media (max-width:820px) {
  #views-exposed-form-commerce-products-page-menu-products div[data-drupal-selector="edit-field-loai-san-pham-target-id"] > ul > li > a, #views-exposed-form-commerce-products-page-menu-products div[data-drupal-selector="edit-field-loai-san-pham-target-id"] > ul > li > a:visited, #views-exposed-form-commerce-products-block-thuc-don div[data-drupal-selector="edit-field-loai-san-pham-target-id"] > ul > li > a, #views-exposed-form-commerce-products-block-thuc-don div[data-drupal-selector="edit-field-loai-san-pham-target-id"] > ul > li > a:visited {
    text-align: center;
  }
  
  #block-giaidieu-nhuongquyentieude h1 {
    font-size: 3.2rem;
    line-height: 1.4;
  }
  
  #block-giaidieu-nhuongquyentieude h1 img {
    width: 220px;
  }
  
  #block-giaidieu-nhuongquyentieude p.sub-title {
    font-size: 2.0rem;
    line-height: 1.4;
    margin-bottom: 15px;
  }
  
  #bonchon-nhuong-quyen-intro-5 div.bonchon-items div.step {
    height: 250px;
    padding-left: 80px;
    padding-right: 80px;
  }
  
  h2 {
    line-height: 1.4;
  }
}

@media (max-width:768px) {
  .block-giaidieu-hotline {
    padding-right: 30px;
  }
  
  #footer {
    padding: 50px;
  }
  
  #block-giaidieu-bonchonfooter > div.content {
    grid-template-columns: 60% 1fr;
    justify-items: center;
  }
  
  div.region-content div.container {
    padding-right: 15px;
    padding-left: 15px;
  }
  
  #custom-product-popup-wrapper {
    grid-template-columns: 1fr 1fr;
  }
  
  #block-giaidieu-nhuongquyentieude {
    width: calc(100vw - 100px);
  }
  
  #block-giaidieu-nhuongquyentieude h1 {
    font-size: 2.8rem;
  }
  
  #block-giaidieu-nhuongquyentieude h1 img {
    width: 200px;
  }
  
  #block-giaidieu-nhuongquyentieude p.sub-title {
    font-size: 1.8rem;
  }
  
  #bonchon-nhuong-quyen-intro-1 div.column-two {
    display: flex;
    flex-direction: column;
  }

  #bonchon-nhuong-quyen-intro-1 div.column-1 {
    padding-right: 0;
    text-align: center;
  }

  div#bonchon-nhuong-quyen-intro-1.section h2 {
    text-align: center;
  }

  #bonchon-nhuong-quyen-intro-6 {
    padding-top: 100px;
  }
  
  div.node-full div.img-right, div.node-full div.img-left {
    display: flex;
    flex-direction: column;
  }
  
  div.node-full div.img-right h3, div.node-full div.img-left h3 {
    margin-top: 0;
  }
  
  div.node-full h3 {
    font-size: 2.0rem;
  }
  
  div.node-full img.full-responsive, div.node-full div.img-right img, div.node-full div.img-left img {
    float: none;
    width: 100%;
    height: auto;
  }
  
  div.node-full div.img-right > div {
    order: 2;
  }
  
  div.region-content div.container img {
    height: auto;
  }
  
  div.node-full p > a.btn {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 200px;
  }
  
  div.main-column-2.container div.region-content {
    padding-left: 15px;
    padding-right: 15px;
  }

  div.messages__wrapper {
    width: calc(100vw - 30px);
  }
}

@media (max-width:760px) {
  div.form-item-ngay-nop-don, div.form-item-so-dien-thoai, div.form-item-gioi-tinh, div.form-item-nghe-nghiep, div.form-item-von-dau-tu, div.form-item-chon-email-cua-bo-phan-phu-trach {
    margin-top: 15px;
  }
}

@media (max-width:710px) {
  a.btn, .btn, button.btn {
    font-size: 1.6rem;
    padding: 10px 20px 10px 20px;
  }
  
  #block-giaidieu-nhuongquyentieude h1 {
    font-size: 2.4rem;
  }

  #block-giaidieu-nhuongquyentieude h1 img {
    width: 160px;
  }

  #block-giaidieu-nhuongquyentieude p.sub-title {
    font-size: 1.4rem;
  }

  #bonchon-nhuong-quyen-intro-1 p, #bonchon-nhuong-quyen-intro-5 div.bonchon-items div.step p {
    font-size: 1.6rem;
    line-height: 1.4;
  }
  
  #bonchon-nhuong-quyen-intro-5 div.bonchon-items {
    grid-gap: 15px;
  }
  
  div.section h2 {
    font-size: 2.4rem;
    line-height: 1.4;
  }
  
  #bonchon-nhuong-quyen-intro-3 div.column-three div.bg-red, #bonchon-nhuong-quyen-intro-3 div.column-three div.bg-white {
    height: 200px;
  }
  
  #bonchon-nhuong-quyen-intro-3 div.column-three h3 {
    font-size: 1.8rem;
  }

  .owl-carousel .owl-item div.node-teaser-slideshow img, #block-giaidieu-bannernhuongquyen div.field--type-image img {
    height: 300px;
    object-fit: cover;
  }
}

@media (max-width:660px) {
  #views-exposed-form-commerce-products-page-menu-products div[data-drupal-selector="edit-field-loai-san-pham-target-id"] > ul > li > a, #views-exposed-form-commerce-products-page-menu-products div[data-drupal-selector="edit-field-loai-san-pham-target-id"] > ul > li > a:visited, #views-exposed-form-commerce-products-block-thuc-don div[data-drupal-selector="edit-field-loai-san-pham-target-id"] > ul > li > a, #views-exposed-form-commerce-products-block-thuc-don div[data-drupal-selector="edit-field-loai-san-pham-target-id"] > ul > li > a:visited {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  #views-exposed-form-commerce-products-page-menu-products div[data-drupal-selector="edit-field-loai-san-pham-target-id"] > ul, #views-exposed-form-commerce-products-block-thuc-don div[data-drupal-selector="edit-field-loai-san-pham-target-id"] > ul {
    margin-top: 30px;
    margin-bottom: 0;
  }
  
  div.view-commerce-products.view-display-id-page_menu_products div.view-content div.views-infinite-scroll-content-wrapper, div.view-commerce-products.view-display-id-block_thuc_don div.view-content div.views-infinite-scroll-content-wrapper {
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
  }
  
  h2, #block-giaidieu-homedathangngay div.bonchon-shop-stats p strong {
    font-size: 2.4rem;
  }
  
  #orders-list-wrapper div.table-row {
    grid-template-columns: 30px auto 90px 90px 70px;
    grid-gap: 15px;
  }
  
  #bonchon-nhuong-quyen-intro-4 div.bonchon-items div.item {
    width: 260px;
    aspect-ratio: 314/206;
    height: auto;
    background-size: cover;
  }
  
  #bonchon-nhuong-quyen-intro-4 div.bonchon-items div.item p.item-number, #bonchon-nhuong-quyen-intro-4 div.bonchon-items div.item.item-6 p.item-number {
    font-size: 4.0rem;
    line-height: 1.6;
  }
  
  #bonchon-nhuong-quyen-intro-4 div.bonchon-items div.item p {
    font-size: 1.4rem;
    line-height: 1.4;
  }

  #block-giaidieu-nhuongquyentieude {
    width: calc(100vw - 40px);
  }

  body.node-447 div.section {
    padding-top: 30px;
  }
  
  body:not(.commerce-cart-page):not(.custom-order-history) #highlight div.region-highlighted h1.page-header {
    transform: translateX(-50%) translateY(-50%);
    top: 40%;
    bottom: auto;
    font-size: 3.2rem;
  }

  div.region-content div.container img {
    height: auto;
  }
  
  div.view-id-node_functions.view-display-id-page_news div.view-filters.form-group {
    margin-bottom: 0;
  }
  
  div.view-id-node_functions.view-display-id-page_news div.view-content div.views-infinite-scroll-content-wrapper {
    grid-gap: 15px;
  }

  div.view-id-node_functions.view-display-id-page_news {
    margin-top: 30px;
  }

  body:not(.commerce-cart-page):not(.custom-order-history) #highlight div.region-highlighted h1.page-header {
    width: calc(100vw - 60px);
  }

  div.node-full.node-article div.content {
    line-height: 1.4;
  }
}

@media (max-width:580px) {
  #block-giaidieu-homedathangngay div.bonchon-home-shop {
    flex-direction: column;
    align-items: center;
    grid-row-gap: 30px;
    padding-bottom: 0;
    margin-bottom: 15px;
  }
  
  #block-giaidieu-homedathangngay div.bonchon-book-now p:last-child {
    margin-bottom: 0;
  }
  
  #bonchon-nhuong-quyen-intro-3 div.column-three {
    display: flex;
    grid-gap: 15px;
    flex-direction: column;
    margin-top: 30px;
  }
  
  #bonchon-nhuong-quyen-intro-3 div.column-three div.bg-red, #bonchon-nhuong-quyen-intro-3 div.column-three div.bg-white {
    height: auto;
  }
  
  div.border-radius-bottom-right, div.border-radius-bottom-left, div.border-radius-top-right, div.border-radius-top-left {
    margin-bottom: 15px;
    border-radius: 24px;
  }

  body:not(.commerce-cart-page):not(.custom-order-history) #highlight div.region-highlighted h1.page-header {
    font-size: 2.8rem;
  }

  #webform-submission-contact-node-417-add-form {
    padding-left: 50px;
    padding-right: 50px;
  }
  
  body {
    overflow-x: hidden;
  }
}

@media (max-width:550px) {
  #block-giaidieu-nhuongquyentieude {
    width: calc(100vw - 20px);
  }
  
  #block-giaidieu-nhuongquyentieude h1 {
    font-size: 2.0rem;
  }

  #block-giaidieu-nhuongquyentieude h1 img {
    width: 130px;
  }

  div.section h2 {
    font-size: 2.2rem;
  }
  
  #bonchon-nhuong-quyen-intro-3 div.column-three h3 {
    font-size: 1.8rem;
  }

  #bonchon-nhuong-quyen-intro-4 div.bonchon-items div.item p.item-number, #bonchon-nhuong-quyen-intro-4 div.bonchon-items div.item.item-6 p.item-number {
    font-size: 3.4rem;
    line-height: 1.4;
  }
  
  #bonchon-nhuong-quyen-intro-4 div.bonchon-items div.item {
    width: 220px;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  #bonchon-nhuong-quyen-intro-5 div.bonchon-items div.step {
    padding-left: 40px;
    padding-right: 40px;
  }

  h2 br {
    display: none;
  }
  
  span.skip-br {
    margin-left: 5px;
  }

  #block-giaidieu-lienhemap div.column-two {
    padding: 30px;
    grid-template-columns: 1fr;
  }
  
  #block-giaidieu-lienhemap div.column-two ul {
    margin-top: 15px;
  }

  div.ui-dialog.webform-confirmation-modal {
    max-width: calc(100vw - 20px);
  }
}

@media (max-width:510px) {
  #custom-product-popup-wrapper {
    grid-gap: 15px;
  }
  
  #custom-product-popup-wrapper div.product-title {
    font-size: 1.6rem;
  }
  
  #views-exposed-form-commerce-products-page-menu-products div[data-drupal-selector="edit-field-loai-san-pham-target-id"] > ul, #views-exposed-form-commerce-products-block-thuc-don div[data-drupal-selector="edit-field-loai-san-pham-target-id"] > ul {
    grid-template-columns: 1fr 1fr 1fr;
    display: grid;
    margin-top: 15px;
  }
  
  #views-exposed-form-commerce-products-block-thuc-don div[data-drupal-selector="edit-field-loai-san-pham-target-id"] > ul > li {
    border-right: 1px dashed #fff;
    border-bottom: 1px dashed #fff;
    height: 73px;
  }
  
  #views-exposed-form-commerce-products-block-thuc-don div[data-drupal-selector="edit-field-loai-san-pham-target-id"] > ul > li:nth-child(4), #views-exposed-form-commerce-products-block-thuc-don div[data-drupal-selector="edit-field-loai-san-pham-target-id"] > ul > li:nth-child(7) {
    border-right: none;
  }
  
  #views-exposed-form-commerce-products-block-thuc-don div[data-drupal-selector="edit-field-loai-san-pham-target-id"] > ul > li:last-child {
    border-bottom: none;
  }
  
  #views-exposed-form-commerce-products-block-thuc-don div[data-drupal-selector="edit-field-loai-san-pham-target-id"] > ul > li > a, #views-exposed-form-commerce-products-block-thuc-don div[data-drupal-selector="edit-field-loai-san-pham-target-id"] > ul > li > a:visited {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  
  #block-giaidieu-bonchonfooter > div.content {
    display: block;
    justify-items: flex-start;
  }
  
  .giaidieu-footer-contact {
    margin-left: 0;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  
  div.product-teaser div.product-title a, div.product-teaser div.product-title a:visited, div.product-teaser div.product-cart, div.product-teaser div.product-cart a, div.product-teaser div.product-cart a:visited {
    font-size: 1.4rem;
  }
  
  #block-giaidieu-views-block-node-functions-block-slideshow div.view-content div.node-teaser-slideshow div.slide-title {
    font-size: 2.4rem;
    margin-bottom: 15px;
    white-space: pre-wrap;
    line-height: 1.2;
  }
  
  #block-giaidieu-views-block-node-functions-block-slideshow div.view-content div.node-teaser-slideshow div.slide-desc {
    left: 30px;
    max-width: calc(100vw - 60px);
  }
  
  #block-giaidieu-views-block-node-functions-block-slideshow div.view-content div.node-teaser-slideshow div.field--name-body a.btn {
    margin-top: 0;
  }
  
  #block-giaidieu-views-block-node-functions-block-slideshow div.view-content div.node-teaser-slideshow div.field--name-body {
    line-height: 1.6;
    font-size: 1.4rem;
  }
  
  body.custom-order-history-list #main {
    height: calc(100vh - 300px);
  }

  a.btn, .btn, button.btn {
    font-size: 1.4rem;
    padding: 5px 10px 5px 10px;
  }

  #block-giaidieu-branding-2 div.content a.logo img {
    width: 30px;
  }
  
  #views-exposed-form-node-functions-page-news div[data-drupal-selector="edit-field-danh-muc-bai-viet-value"] ul li a, #views-exposed-form-node-functions-page-news div[data-drupal-selector="edit-field-danh-muc-bai-viet-value"] ul li a:visited {
    font-size: 1.8rem;
  }
  
  body.commerce-cart-page h1.shopping-cart-title {
    font-size: 2.2rem;
  }
  
  div.custom-cart-form div.product-title {
    font-size: 1.6rem;
  }
  
  div.item-wrapper div.product-topping {
    font-weight: normal;
  }
  
  div.quantity-update input {
    min-width: 50px;
  }
}

@media (max-width:480px) {
  #block-giaidieu-views-block-node-functions-block-slideshow div.view-content div.node-teaser-slideshow div.slide-title {
    margin-bottom: 5px;
  }
  
  /*
  #block-giaidieu-views-block-node-functions-block-slideshow div.view-content div.node-teaser-slideshow div.slide-desc {
    top: 55%;
  }
  */

  #custom-product-popup-wrapper div.product-quantity-input, #custom-product-popup-wrapper div.product-topping-input {
    flex-direction: column;
    align-items: flex-start;
  }
  
  #custom-product-popup-wrapper div.product-quantity-input input[name="product_quantity"], #custom-product-popup-wrapper div.product-topping-input div.product-topping {
    margin-left: 0;
    margin-top: 3px;
    width: 100%;
  }
  
  #custom-product-popup-wrapper div.product-topping-input div.product-topping select {
    margin-left: 0;
    width: 100%;
  }
  
  div.custom-cart-form div.views-field-nothing div.image-wrapper {
    width: auto;
  }
  
  div.custom-cart-form div.views-field-nothing .field-content {
    grid-template-columns: 130px 1fr 50px;
    grid-gap: 15px;
  }
  
  div.product-topping-select {
    margin-left: 0;
  }
}

@media (max-width:430px) {
  .giaidieu-main-navigation:before {
    font-size: 2.4rem;
  }

  body.custom-order-history-list #main {
    display: block;
    height: auto;
  }
  
  body.custom-order-history-list div.region-content {
    position: unset;
    transform: none;
    max-width: 100%;
    width: 100%;
    padding: 50px;
    padding-bottom: 0;
  }
  
  #orders-list-wrapper div.table div.table-header {
    display: none;
  }
  
  #orders-list-wrapper div.table-row {
    display: block;
  }
  
  #orders-list-wrapper div.table-row div.table-col:nth-child(1):before {
    content: "Mã đơn: ";
    font-weight: bold;
  }

  #orders-list-wrapper div.table-row div.table-col:nth-child(2):before {
    content: "Tên món: ";
    font-weight: bold;
  }

  #orders-list-wrapper div.table-row div.table-col:nth-child(3):before {
    content: "Ngày mua: ";
    font-weight: bold;
  }

  #orders-list-wrapper div.table-row div.table-col:nth-child(4):before {
    content: "Tổng tiền: ";
    font-weight: bold;
  }

  #orders-list-wrapper div.table-row div.table-col:nth-child(5):before {
    content: "Trạng thái: ";
    font-weight: bold;
  }

  #orders-list-wrapper div.table-col {
    padding: 5px;
  }

  #orders-list-wrapper div.table-body div.table-row {
    border-top: 1px solid var(--primary_color);
    padding-top: 15px;
    padding-bottom: 15px;
  }

  #block-giaidieu-nhuongquyentieude h1 {
    font-size: 1.8rem;
  }

  #block-giaidieu-nhuongquyentieude h1 img {
    width: 120px;
  }

  #block-giaidieu-nhuongquyentieude p.sub-title {
    font-size: 1.4rem;
    margin-bottom: 5px;
    font-weight: normal;
  }

  #bonchon-nhuong-quyen-intro-1 p.sub-title {
    line-height: 1.4;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.6rem;
  }

  #bonchon-nhuong-quyen-intro-5 div.bonchon-items div.step {
    padding-left: 20px;
    padding-right: 20px;
  }
    
  #bonchon-nhuong-quyen-intro-4 div.bonchon-items {
    grid-template-columns: 1fr;
  }

  #bonchon-nhuong-quyen-intro-4 div.bonchon-items div.item {
    width: 314px;
    padding-left: 40px;
    padding-right: 40px;
  }

  #bonchon-nhuong-quyen-intro-4 div.bonchon-items div.item p.item-number, #bonchon-nhuong-quyen-intro-4 div.bonchon-items div.item.item-6 p.item-number {
    font-size: 4.0rem;
    line-height: 1.4;
  }
  
  #bonchon-nhuong-quyen-intro-4 div.bonchon-items div.item p.item-number {
    margin-bottom: 5px;
  }

  #bonchon-nhuong-quyen-intro-4 div.bonchon-items div.item p {
    font-size: 1.6rem;
    line-height: 1.4;
  }
  
  #bonchon-nhuong-quyen-intro-7 div.bonchon-form-wrapper #bonchon-logo-franchising {
    top: -80px;
    width: 150px;
  }
  
  #bonchon-nhuong-quyen-intro-7 div.bonchon-form-wrapper {
    padding: 30px;
    padding-top: 50px;
  }

  body:not(.commerce-cart-page):not(.custom-order-history) #highlight div.region-highlighted h1.page-header {
    font-size: 2.4rem;
    width: calc(100vw - 60px);
  }
  
  #views-exposed-form-node-functions-page-news div[data-drupal-selector="edit-field-danh-muc-bai-viet-value"] ul {
    margin-bottom: 0;
  }
  
  #views-exposed-form-node-functions-page-news div[data-drupal-selector="edit-field-danh-muc-bai-viet-value"] ul li a, #views-exposed-form-node-functions-page-news div[data-drupal-selector="edit-field-danh-muc-bai-viet-value"] ul li a:visited {
    font-size: 1.4rem;
    padding-bottom: 0;
  }
  
  div.view-id-node_functions.view-display-id-page_news div.view-content div.views-infinite-scroll-content-wrapper {
    grid-template-columns: 1fr;
  }
  
  #views-exposed-form-node-functions-page-news div[data-drupal-selector="edit-field-danh-muc-bai-viet-value"] ul li:last-child {
    margin-right: 0;
  }

  div.view-id-node_functions.view-display-id-page_news {
    margin-top: 15px;
  }

  #webform-submission-contact-node-417-add-form {
    padding: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }

  div.custom-cart-form div.quantity-update {
    display: flex;
    grid-row-gap: 10px;
    align-items: flex-start;
    flex-direction: column;
  }

  div.custom-cart-form div.product-unit-price, div.custom-cart-form div.product-total-price {
    font-size: 1.6rem;
  }
}

@media (max-width:414px) {
  #block-giaidieu-views-block-node-functions-block-slideshow div.view-content div.node-teaser-slideshow div.slide-title {
    font-size: 2.0rem;
  }

  #block-giaidieu-views-block-node-functions-block-slideshow div.view-content div.node-teaser-slideshow div.slide-desc {
    /*top: 55%;*/
    left: 15px;
    max-width: calc(100vw - 30px);
  }

  #block-giaidieu-views-block-node-functions-block-slideshow div.view-content div.node-teaser-slideshow div.field--name-body a.btn {
    font-size: 1.6rem;
    padding: 5px 15px 5px 15px;
  }

  /*
  div.view-commerce-products.view-display-id-block_thuc_don div.view-content div.views-infinite-scroll-content-wrapper {
    grid-template-columns: 1fr;
  }
  */
  
  #block-giaidieu-views-block-commerce-products-block-thuc-don .form-group {
    margin-bottom: 5px;
  }

  #block-giaidieu-nhuongquyentieude h1 {
    font-size: 1.6rem;
  }

  #block-giaidieu-nhuongquyentieude h1 img {
    width: 100px;
  }

  #block-giaidieu-nhuongquyentieude {
    width: calc(100vw - 10px);
  }

  #bonchon-nhuong-quyen-intro-5 div.bonchon-items div.step {
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .giaidieu-main-navigation ul.menu > li > a, .giaidieu-main-navigation ul.menu > li > a:visited {
    font-size: 1.4rem;
  }
}

@media (max-width:390px) {
  #custom-product-popup-wrapper div.product-quantity-input {
    flex-direction: column;
    align-items: flex-start;
  }
  
  #custom-product-popup-wrapper div.product-quantity-input input[name="product_quantity"] {
    margin-left: 0;
    margin-top: 3px;
    width: 100%;
  }
  
  div#bonchon-nhuong-quyen-intro-1.section h2 {
    font-size: 2.8rem;
  }
  
  body:not(.commerce-cart-page):not(.custom-order-history) #highlight div.region-highlighted h1.page-header {
    font-size: 2.2rem;
  }
  
  div.node-full {
    font-size: 1.4rem;
    line-height: 1.4;
  }
}

@media (max-width:375px) {
  h2 {
    font-size: 2.4rem;
  }
  
  #footer {
    padding: 30px;
  }
  
  .footer-bonchon-info h2, .giaidieu-footer-contact h2 {
    font-size: 1.8rem;
  }

  #custom-order-history-form div.custom-form-wrapper div.form-group {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  #custom-order-history-form div.custom-form-wrapper input[name="order_tracker"] {
    width: 100%;
  }

  #block-giaidieu-views-block-node-functions-block-slideshow div.view-content div.node-teaser-slideshow div.slide-title {
    font-size: 1.6rem;
  }

  div.view-commerce-products.view-display-id-block_thuc_don div.view-content div.views-infinite-scroll-content-wrapper {
    grid-template-columns: 1fr;
  }

  .block-giaidieu-hotline {
    padding-right: 15px;
  }
  
  .giaidieu-main-navigation:before {
    left: 15px;
  }
  
  #views-exposed-form-commerce-products-block-thuc-don div[data-drupal-selector="edit-field-loai-san-pham-target-id"] > ul > li > a, #views-exposed-form-commerce-products-block-thuc-don div[data-drupal-selector="edit-field-loai-san-pham-target-id"] > ul > li > a:visited {
    font-size: 1.2rem;
  }
  
  h2 {
    font-size: 2.0rem;
  }

  #bonchon-nhuong-quyen-intro-7 div.container {
    padding: 20px;
  }

  #bonchon-nhuong-quyen-intro-7 div.bonchon-form-wrapper {
    padding: 20px;
    padding-top: 50px;
  }
  
  #bonchon-nhuong-quyen-intro-7 div.bonchon-form-wrapper #bonchon-logo-franchising {
    left: -20px;
  }
}

@media (max-width:360px) {
  #shipping-info {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1.2rem;
  }
  
  .giaidieu-main-navigation:before {
    left: 15px;
  }
  
  .block-giaidieu-hotline {
    padding-right: 15px;
  }
  
  #bonchon-nhuong-quyen-intro-6 {
    margin-top: 30px;
    padding-top: 100px;
  }
}

@media (max-width:330px) {
  #views-exposed-form-commerce-products-block-thuc-don div[data-drupal-selector="edit-field-loai-san-pham-target-id"] > ul > li {
    height: 58px;
    align-items: center;
  }
  
  #block-giaidieu-nhuongquyentieude h1 {
    font-size: 1.4rem;
  }

  #block-giaidieu-nhuongquyentieude h1 img {
    width: 80px;
  }

  div#bonchon-nhuong-quyen-intro-1.section h2 {
    font-size: 2.4rem;
  }
  
  #bonchon-nhuong-quyen-intro-1 p.sub-title {
    font-size: 1.4rem;
  }

  div.section h2 {
    font-size: 2.0rem;
  }
  
  #bonchon-nhuong-quyen-intro-5 div.bonchon-items div.step {
    height: 220px;
  }

  body.node-447 p {
    font-size: 1.4rem;
    line-height: 1.4;
  }
  
  #block-giaidieu-nhuongquyentieude p.sub-title {
    font-size: 1.2rem;
  }
  
  .block-giaidieu-hotline, .block-giaidieu-hotline a, .block-giaidieu-hotline a:visited {
    font-size: 1.4rem;
  }

  .giaidieu-main-navigation:before {
    font-size: 2.0rem;
  }
  
  #bonchon-nhuong-quyen-intro-4 div.bonchon-items div.item {
    width: 290px;
  }
  
  body:not(.commerce-cart-page):not(.custom-order-history) #highlight div.region-highlighted h1.page-header {
    font-size: 2.0rem;
  }
}

@media (max-width:320px) {
  a.btn, .btn, button.btn {
    font-size: 1.4rem;
    padding: 10px 20px 10px 20px;
  }

  div.custom-cart-form div.views-field-nothing .field-content {
    grid-template-columns: 120px 1fr 50px;
  }
}