@media (prefers-reduced-motion:reduce) {
	.modal.fade .modal-dialog.modal-dialog-left {
		transition: none
	}
}

/* Responsive */
@media(max-width: 1300px) {
	.menu .item-big .nav-item>a {
		padding: 15px;
	}
}

@media(max-width: 1001px) {
	.hero-nav{
		display: none !important;
	}
	body.siteRedesign .section-shell {
		padding: 0;
	}
	.navbar{
		padding: 8px 0;
	}
	.navbar-inner{
		padding: 0;
	}
	.info-header {
		display: none;
	}

	.wrap-frame-left,
	#button-contact-vr,
	#messages-facebook,
	.cart-fixed {
		display: none;
	}

	.wap-hearder {
		position: unset;
	}

	.frame-news-page {
		width: 100%;
	}

	.menu,
	.header-bottom {
		display: none;
	}

	.menu-res,
	.show-mobile,
	.fix-toolbar {
		display: block;
	}

	.logo-header {
		width: calc(100% - 140px);
	}

	.btn-menumobile {
		width: 70px;
		font-size: 24px;
	}

	.social-footer {
		margin-bottom: 15px;
	}

	.footer-copyright,
	.footer-statistic {
		float: unset;
		width: 100% !important;
		text-align: center;
		margin-bottom: 10px;
	}

	.grid-news {
		grid-gap: 15px;
		grid-template-columns: repeat(3, 1fr);
	}
}

@media(max-width: 992px) {
	.detail-page-right {
		display: none;
	}

	.detail-page-left {
		width: 100%;
		margin-right: 0;
		float: unset;
	}
}

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

@media(max-width: 768px) {

	.grid-3,
	.grid-pro {
		grid-template-columns: repeat(2, 1fr);
	}

	.wrap-about .block-left.w-50,
	.wrap-about .block-right.w-50 {
		width: 100% !important;
		text-align: center;
	}

	.grid-news {
		grid-gap: 15px;
		grid-template-columns: repeat(2, 1fr);
	}

	.static-page {
		padding: 20px 15px !important;
	}

	.hover_sang2:before {
		content: unset;
	}
}

@media(max-width: 576px) {
	.news-image {
		margin-bottom: 1rem;
	}

	.slick-slider .product {
		margin: 5px;
	}

	.title-main span {
		font-size: 24px;
	}

	.newshome {
		margin: 5px;
	}

	.name-product,
	body {
		font-size: 14px;
	}

	.cart-product {
		position: relative;
		width: 100%;
	}

	.grid-pro {
		grid-gap: 10px;
	}

	.cart-product span {
		width: 100%;
		margin-right: 0;
		margin-bottom: 5px;
	}

	.news-2 p.scale-img {
		width: 40%;
	}

	.news-2 .info-news {
		width: 60%;
	}

	.block-page {
		padding: 10px;
	}
}

@media(max-width: 480px) {
	.footer-news {
		max-width: 100% !important;
	}

	.footer {
		text-align: center;
	}
}

@media(max-width: 369px) {
	.news-2 p.scale-img {
		width: 100%;
	}

	.grid-news {
		grid-gap: 10px;
		grid-template-columns: repeat(1, 1fr);
	}

	.pic-news {
		max-width: 200px;
	}

	.news-2 .info-news {
		width: 100%;
		margin-bottom: 10px;

	}

	.desc-news,
	.name-news {
		text-align: justify;
	}

	.cart-pro-detail a {
		width: 100%;
	}

	.cart-pro-detail a:first-child {
		margin-right: 0px;
		margin-bottom: 0.5rem;
	}

	.cart-pro-detail a i {
		display: none;
	}
}

/* ==========================================================================
   HOMEPAGE REDESIGN — responsive rules merged from aquaworld/styles.css
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
  .btn-glow,
  .btn-glow-red,
  body.homePage .accent-bar {
    animation: none;
  }
  .btn-primary::before,
  .btn-sale::before {
    display: none;
  }
}

@media (max-width: 1200px) {
  :root {
    --gutter: 32px;
  }
  body.homePage .featured-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  body.homePage .category-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .footer-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  body.homePage .promo-card {
    flex-direction: column;
    text-align: center;
    padding: 36px;
  }
  body.homePage .promo-copy {
    align-items: center;
  }
  body.homePage .pill-flash-badge {
    align-self: center;
  }
}

@media (max-width: 992px) {
  .topbar {
    display: none;
  }
  .masthead {
    height: auto;
    padding: 14px 0;
  }
  .masthead-inner {
    flex-wrap: wrap;
  }
  .search-wrap {
    order: 3;
    max-width: 100%;
    width: 100%;
    margin-top: 10px;
  }
  body.homePage .values-container {
    grid-template-columns: repeat(2, 1fr);
  }
  body.homePage .product-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  body.homePage .blog-grid {
    grid-template-columns: 1fr;
  }
  .nav-burger {
    display: flex;
  }
  .mainnav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--navy);
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 24px;
    gap: 0;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
    display: none;
  }
  .mainnav.is-open {
    display: flex;
  }
  .nav-link {
    width: 100%;
    padding: 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }
  body.homePage .hero-content {
    padding: 24px;
  }
  body.homePage .hero-title {
    font-size: 28px;
  }
}

@media (max-width: 640px) {
  :root {
    --gutter: 16px;
  }
  body.homePage .values-container {
    grid-template-columns: 1fr;
  }
  body.homePage .category-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  body.homePage .featured-grid {
    grid-template-columns: 1fr;
  }
  body.homePage .product-grid {
    grid-template-columns: 1fr;
  }
  .footer-grid {
    grid-template-columns: 1fr;
  }
  body.homePage .hero-stage {
    height: 480px;
  }
  body.homePage .hero-ctas {
    flex-direction: column;
    width: 100%;
  }
  body.homePage .hero-ctas .btn {
    width: 100%;
  }
  .cat-panel {
    width: calc(100vw - 32px);
  }
  .cat-panel-grid {
    grid-template-columns: 1fr;
  }
}

/* Merged from resources/css/account.css */
@media screen and (max-width: 767px) {


    .form-signup .form-group.col--2,
    .form-signup .form-group.col--3 {

        width: 100%;

    }

    .desc-order .col--2 {

        width: calc(100%);

    }

    .desc-order .col--2:first-child {

        margin-bottom: 20px;

    }

}