/*
Build responsive
Author: Ryan (Lynh) Nguyen
*/

@media (min-width: 575px) {
	.up-custom_button-wrapper {
		position:relative;
		left:60px;
	}
}
@media (min-width: 767px) {
	.up-custom_button-wrapper {
		position:relative;
		left:70px;
	}
}

@media (min-width: 992px) {
  body.logged-in .flyout-menu {
    top: 32px;
  }

  body.logged-in .flyout-contact {
    top: 32px;
  }

  .search__box {
    top: -16px;
    height: 52px;
    z-index: 99;
  }

  .st-row {
    margin-bottom: 30px;
  }

  .st-row .pl-dk {
    padding-left: 10px;
  }

  .st-row .pr-dk {
    padding-right: 10px;
  }

  .col-half {
    flex: 0 0 auto;
    width: 35.32608695%;
  }
}

@media (min-width: 1200px) {
  .content-small {
    max-width: 1104px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 1366px) {
  .content-main {
    max-width: 1220px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 1561px) {}

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

@media (min-width: 1024px) and (max-width: 1500px) {
	.content-main {
    max-width: 760px;
    padding-left: 0;
    padding-right: 0;
    
	}
	.content-small {
		max-width:760px;
	}
	.cf7mls_progress_bar {
		max-width:760px;
	}
	.product-wrapper {
		padding-top:100px;
	}
	.choose_us-wrapper {
		padding-top:0px;
	}
	
}

@media (max-width: 1560px) {
	
	

  /* Common */
  .title-page {}
}

@media (max-width: 1366px) {
  body {
    font-size: 14px;
  }

  /* Header */
  /* Page */
}

@media (max-width: 1199px) {

  /* Common */
  body {
    font-size: 16px;
  }

  .nadol-content-area {}

  .nadol-single-wrapper {}

  /* Header */

  /* Page */

  /* Footer */

}

@media (max-width: 1024px) {

  /* Flyout Menu */
  .flyout-menu .flyout-menu__close {
    margin: 38px 25px 20px;
  }

  .flyout-menu .flyout-menu__close .mobile-menu {
    display: flex !important;
  }

  .flyout-menu .flyout-menu__close .mobile-menu {
    padding: 0;
  }

  .flyout-menu .flyout-menu__close .mobile-menu li {
    height: auto;
    padding: 0;
    padding: 0 8px;
    border: none;
    border-right: 1px solid var(--color-text-main);
  }

  .flyout-menu .flyout-menu__close .mobile-menu li:first-of-type {
    padding-left: 0;
  }

  .flyout-menu .flyout-menu__close .mobile-menu li:last-of-type {
    padding-right: 0;
    border: none;
  }

  .flyout-menu .flyout-menu__close .mobile-menu li>a {
    min-width: 1px;
    font-weight: var(--font-weight-regular);
  }

  .flyout-menu .flyout-menu__close .mobile-menu li.wpml-ls-current-language a {
    color: var(--color-menu-hover);
  }

  .flyout-menu .flyout-menu__main ul {
    padding: 0 12px;
    padding: 0 0.75rem;
  }

  .flyout-menu .flyout-menu__main ul .submenu-btn {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }

  .flyout-menu .flyout-menu__main ul li {
    padding-left: 0.75rem;
  }

  .flyout-menu .flyout-menu__main ul li a .menu-icon {
    margin-right: 1.25rem;
  }

  .flyout-menu .flyout-menu__main ul ul.sub-menu {
    padding: 0 1.5rem;
  }

  .flyout-menu .flyout-menu__main ul.sub-menu li.nadol-menu-back {
    padding: 0.75rem 0.75rem 0;
  }

  .flyout-menu .flyout-menu__main li.nadol-menu-back .back-btn {
    width: 100%;
    margin: 0;
  }

  .flyout-menu .flyout-menu__main ul li.nadol-menu-back a .menu-icon {
    margin-left: 0.75rem;
  }

  .flyout-menu .flyout-menu__main ul.sub-menu li {
    padding-left: 2.8125rem;
  }

  .flyout-contact .flyout-contact__close {
    margin: 1.125rem 0.75rem;
  }

  .flyout-contact__content {
    width: 100%;
    padding: 0 12px;
    margin: 0;
  }
}

@media (max-width: 991px) {

  /* Common */
  .sec-padding {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .col-half {
    margin-bottom: 12px;
  }

  .btn-primary,
  .btn-secondary,
  .cf7mls-btns .cf7mls_next.action-button,
  .cf7mls-btns .cf7mls_back.action-button,
  .form-wrapper .btn-back,
  .wpcf7-form input[type="submit"] {
    min-width: 180px;
    font-size: 16px;
    font-size: 1em;
    line-height: 1.2;
    padding: 18px 12px !important;
  }

  .btn-primary img {
    margin-left: 8px;
    max-height: 12px;
  }

  /* Header */
  body.logged-in .flyout-menu {
    top: 32px;
  }

  /* Search */
  .search__box {
    top: -10px;
  }

  .search__input .search-submit,
  .search__input input,
  .search__close {
    height: 44px;
  }

  /* Front Page */
  .banner-wrapper__right,
  .banner-wrapper__left {
    width: 100%;
  }

  .banner-wrapper__left {
    max-width: 720px;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto;
  }

  .banner-wrapper__right--benefit {
    display: flex;
    justify-content: space-between;
    flex: 1 0 0%;
    width: unset;
    padding: 12px 16px;
  }

  .banner-wrapper__right--benefit .item {
    margin: 0 6px;
  }

  .banner-wrapper__right--benefit .item:first-of-type {
    margin-left: 0;
  }

  .banner-wrapper__right--benefit .item:last-of-type {
    margin-right: 0;
  }

  .banner-wrapper__right--benefit .item p {
    font-size: 18px;
    font-size: 1.125em;
    line-height: 1.4;
  }

  .banner-wrapper__right--save {
    width: 160px;
    padding: 20px
  }

  .banner-wrapper__right--save .box-save p span {
    font-size: 20px;
    line-height: 1.2;
  }

  .banner-wrapper__right--save .box-save p span.num {
    font-size: 36px;
    line-height: 1.2;
  }

  .banner-wrapper__left .inner {
    margin-top: 80px;
	  z-index:2;
  }

  .banner-df-wrapper .inner {
    width: 85%;
    margin-top: 80px;
  }

  .banner-wrapper__left .inner h1.title,
  .success-wrapper .title-section,
  .nadol-content-thank .title-page {
    font-size: 42px;
    font-size: 2.625em;
    line-height: 1.2;
  }

  .nadol-content-thank .title-page {
    margin-bottom: 40px;
  }

  .banner-df-wrapper .inner .title {
    font-size: 36px;
    font-size: 2.25em;
    line-height: 1.2;
  }

  .banner-wrapper__left .inner p.txt,
  .banner-df-wrapper .inner .txt,
  .success-wrapper .sub-title,
  .search-wrapper .sub-title {
    font-size: 18px;
    font-size: 1.125em;
    line-height: 1.2;
    margin-top: 12px;
  }

  .product-wrapper {
    padding-top: 60px;
  }

  .product-wrapper__cards .form-check {
    width: 49%;
    /* margin-right: 2%; */
    margin-bottom: 20px;
  }

  .product-wrapper__cards .form-check:nth-child(3n + 2) {
    /* margin-right: 2%; */
  }

  .product-wrapper__cards .form-check:nth-child(2n + 2) {
    margin-right: 0;
  }

  .cf7mls-btns .cf7mls_next.action-button,
  .cf7mls-btns .cf7mls_back.action-button {
    margin-top: 0;
    margin-bottom: 30px;
  }

  .cf7mls_next.action-button img {
    right: 16px;
  }

  .order-wrapper__delivery .form-check {
    width: 31.33333333%;
    margin-right: 2%;
    margin-bottom: 20px;
  }

  .order-wrapper__delivery .form-check:nth-child(4n + 2) {
    margin-right: 2%;
  }

  .order-wrapper__delivery .form-check:nth-child(3n + 2) {
    margin-right: 0;
  }

  .success-wrapper .logo-image {
    margin: 80px 0 200px;
  }

  .form-wrapper .st-row:last-of-type {
    margin-top: 40px;
  }

  .wpcf7-form input[type="submit"],
  .form-wrapper .btn-back {
    margin-bottom: 40px !important;
  }

  .form-wrapper .btn-back {
    margin-right: 30px;
  }

  /* Page */
  .nadol-content-thank {
    margin-top: 120px;
    margin-bottom: 120px;
  }

  /* Footer */
  .choose_us-wrapper,
  .procedure-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .choose_us-wrapper__benefit,
  .procedure-wrapper__benefit {
    margin-top: 30px;
  }

  .choose_us-wrapper__benefit .item,
  .procedure-wrapper__benefit .item {
    flex: 0 0 auto;
    width: 100%;
    margin-bottom: 20px;
  }

  .choose_us-wrapper__benefit .item:last-of-type,
  .procedure-wrapper__benefit .item:last-of-type {
    margin-bottom: 0;
  }

  .footer-wrapper__col--menu .footer-menu {
    margin-right: 40px;
  }

  .footer-wrapper__col--menu .footer-menu li {
    margin-bottom: 12px;
  }

  .footer-wrapper__col--menu .footer-menu li a {
    font-size: 16px;
    font-size: 1em;
    line-height: 1.2;
  }
}

@media (max-width: 782px) {
  body.home.logged-in .flyout-menu {
    top: 46px;
  }
}

@media (max-width: 767px) {

  /* Common */

  /* Flyout Menu */
  .flyout-menu.open-nav {
    width: 100%;
  }


  /* Header */
  /* Front Page */
  /* Footer */
}

@media (max-width: 576px) {

  /* Common */
  body {
    font-size: 14px;
  }

  .title-section {
    font-size: 22px;
    font-size: 1.375em;
    line-height: 1.2;
  }

  .btn-primary,
  .btn-secondary,
  .cf7mls-btns .cf7mls_next.action-button,
  .cf7mls-btns .cf7mls_back.action-button,
  .form-wrapper .btn-back,
  .wpcf7-form input[type="submit"] {
    min-width: 140px;
    height: 44px;
    padding: 6px 12px !important;
  }

  .btn-primary,
  .btn-secondary {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  textarea,
  textarea.form-control {
    height: 140px;
    font-size: 16px;
    font-size: 1em;
    line-height: 1.2px;
    padding: 16px;
  }

  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  input[type="tel"],
  input[type="range"],
  input[type="date"],
  input[type="month"],
  input[type="week"],
  input[type="time"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="color"],
  select,
  .form-control {
    height: 44px;
    font-size: 16px;
    font-size: 1em;
    line-height: 1.2px;
    padding: 6px 16px;
  }

  .ldio-9hpikfqg6c>div>div div:nth-child(1) {
    width: 50px;
    height: 50px;
  }

  .ldio-9hpikfqg6c>div>div div:nth-child(2) {
    width: 12px;
    height: 40px;
    top: 50px;
    left: 70px;
  }

  /* Flyout Menu */
  .flyout-menu .flyout-menu__main ul li {
    height: 3.125rem;
  }

  .flyout-menu .flyout-menu__main ul.sub-menu li.nadol-menu-back {
    height: 3.75rem;
    padding: 0 0.75rem;
  }

  .flyout-menu .flyout-menu__main ul li a {
    font-size: 16px;
    font-size: 1em;
    line-height: 1.125rem;
  }

  .flyout-menu .flyout-menu__main ul li a .menu-icon {
    width: 42px;
    height: 30px;
    margin-right: 0.75rem;
  }

  .flyout-menu .flyout-menu__main ul li a .menu-icon img {
    width: 70%;
    height: 100%;
  }

  .flyout-menu .flyout-menu__main ul.sub-menu li a {
    font-size: 0.875em;
  }

  /* Header*/
  .header__logo {
    width: 200px;
  }

  .banner-wrapper__right--benefit {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .banner-wrapper__right--benefit .item {
    margin: 0 0 12px;
  }

  .banner-wrapper__right--benefit .item:last-of-type {
    margin-bottom: 0;
  }

  .banner-wrapper__right--benefit .item::before {
    width: 14px;
    height: 12px;
    margin-right: 10px;
  }

  .banner-wrapper__right--benefit .item p {
    font-size: 16px;
    font-size: 1em;
    line-height: 1.2;
  }

  .banner-wrapper__right--save .box-save p span {
    font-size: 16px;
  }

  .banner-wrapper__right--save .box-save p span.num {
    font-size: 24px;
  }

  .banner-wrapper__right--save {
    width: 136px;
    padding: 16px;
  }

  .banner-wrapper__right--save .box-save::before {
    width: 16px;
    height: 25px;
  }

  .banner-wrapper__left .inner h1.title {
    font-size: 36px;
    font-size: 2.25em;
  }

  .nadol-content-thank .title-page {
    font-size: 26px;
    font-size: 1.625em;
  }

  .success-wrapper .title-section {
    font-size: 22px;
    font-size: 1.375em;
  }

  .nadol-content-thank .title-page {
    margin-bottom: 20px;
  }

  .banner-df-wrapper .inner .title {
    font-size: 26px;
    font-size: 1.625em;
  }

  .banner-wrapper__left .inner p.txt,
  .banner-df-wrapper .inner .txt,
  .success-wrapper .sub-title,
  .search-wrapper .sub-title {
    font-size: 16px;
    font-size: 1em;
    margin-top: 10px;
	  max-width: 100%;
  }

  .banner-wrapper__left .inner .btn-primary {
    margin-top: 20px;
  }

  .banner-df-wrapper {
    padding-bottom: 40px;
  }

  .banner-df-wrapper .inner {
    width: 100%;
    margin-top: 40px;
  }

  /* Front Page */
  .product-wrapper .title-section {
    margin-bottom: 20px;
  }

  .product-wrapper__cards .form-check {
    width: 100%;
    margin-right: 0 !important;
    margin-bottom: 16px;
  }

  .product-wrapper__cards .form-check-label .title {
    font-size: 18px;
    font-size: 1.125em;
    line-height: 1.2;
    padding: 12px 0;
  }

  .comments-wrapper .title-section {
    margin-bottom: 20px;
  }

  .order-wrapper__delivery .form-check {
    width: 100%;
    height: 100px;
    margin-right: 0 !important;
    margin-bottom: 16px;
  }

  .order-wrapper__delivery .form-check-label .title {
    font-size: 16px;
    font-size: 1em;
    line-height: 1.2;
  }

  .order-wrapper__delivery .form-check-label .icon {
    width: 20px;
    height: 20px;
    margin-top: 6px;
  }

  .success-wrapper .logo-image {
    margin: 40px 0 120px;
  }

  .wpcf7-form input[type="submit"],
  .form-wrapper .btn-back {
    margin-bottom: 20px !important;
  }

  .checkbox-wrapper .custom-checkbox .wpcf7-list-item,
  .checkbox-wrapper .wpcf7-acceptance .wpcf7-list-item {
    padding-left: 26px;
  }

  .checkbox-wrapper .custom-checkbox .wpcf7-list-item input,
  .checkbox-wrapper .wpcf7-acceptance .wpcf7-list-item input {
    width: 18px;
    height: 18px;
  }

  .checkbox-wrapper .custom-checkbox .wpcf7-list-item:hover .wpcf7-list-item-label::before,
  .checkbox-wrapper .wpcf7-acceptance .wpcf7-list-item:hover .wpcf7-list-item-label::before {
    border: 1px solid var(--color-base);
  }

  .checkbox-wrapper .custom-checkbox .wpcf7-list-item .wpcf7-list-item-label::before,
  .checkbox-wrapper .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label::before {
    top: 2px;
    width: 18px;
    height: 18px;
    border: 1px solid var(--color-input);
  }

  .checkbox-wrapper .custom-checkbox .wpcf7-list-item-label,
  .checkbox-wrapper .wpcf7-acceptance .wpcf7-list-item-label {
    font-size: 14px;
    font-size: 0.875em;
    line-height: 1.2;
  }

  .checkbox-wrapper .custom-checkbox .wpcf7-list-item .wpcf7-list-item-label::after,
  .checkbox-wrapper .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label::after {
    top: 7px;
    left: 4px;
    width: 10px;
    height: 9px;
  }

  .cf7mls-btns .cf7mls_next.action-button,
  .cf7mls-btns .cf7mls_back.action-button {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .cf7mls-btns .cf7mls_back.action-button {
    margin-right: 20px;
  }

  .cf7mls_next.action-button img {
    width: 16px;
  }

  /* Single */
  /* Footer */
  .choose_us-wrapper__benefit,
  .procedure-wrapper__benefit {
    margin-top: 20px;
  }

  .choose_us-wrapper__benefit .item .ico {
    width: 40px;
    height: 40px;
  }

  .choose_us-wrapper__benefit .item .title,
  .procedure-wrapper__benefit .item .ct .title {
    font-size: 18px;
    font-size: 1.125em;
    line-height: 1.2;
    margin-top: 12px;
  }

  .procedure-wrapper__benefit .item .ct .title {
    margin: 0;
  }

  .choose_us-wrapper__benefit .item .txt,
  .procedure-wrapper__benefit .item .ct .txt {
    font-size: 14px;
    font-size: 0.875em;
    line-height: 1.4;
    margin-top: 12px;
  }

  .procedure-wrapper__benefit .item .ico {
    width: 26px;
    height: 26px;
  }

  .footer-logo-wrapper {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .footer-logo-wrapper img {
    width: 200px;
  }

  footer {
    padding-top: 30px;
    padding-bottom: 16px;
  }

  .footer-wrapper__col--menu {
    width: 100%;
    margin-top: 16px;
	flex-direction:column;
  }
	

  .footer-wrapper__col--menu .footer-menu {
    padding-right: 10px;
    margin-right: 20px;
	 
		border:none;
		padding:0;
		margin:0 auto;
		-webkit-box-align: center!important;
		    -ms-flex-align: center!important;
		        align-items: center!important;
  }
		
	

  .footer-wrapper__col--menu .footer-menu li {
    margin-bottom: 4px;
  }

  .footer-wrapper__col--menu .footer-menu li a {
    font-size: 14px;
    font-size: 0.875em;
    line-height: 1;
  }

  .footer-wrapper__col .copyright {
    font-size: 12px;
    font-size: 0.75em;
    line-height: 1.4;
  }
}

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

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